Template‐ノート:Boxboxtop

最新のコメント:7 年前 | トピック:align=centerにしたときの表示について | 投稿者:Ijoe2003

Safariで正しく表示されない件について 編集

ファイル:Boxboxtop.jpg
Safariで表示が崩れる例
  • このテンプレートを使用した場合、Safariで閲覧した場合レイアウトが崩れます。改善されるまでこのテンプレートの使用は控えましょう。

Template:Boxboxtopを使用したページが正常に表示されるブラウザ 編集

Template:Boxboxtopを使用したページが正常に表示されないブラウザ 編集

(全てMac OS X上で検証) -- Command827 2006年10月20日 (金) 14:46 (UTC)返信

Template:Boxboxtopを使っているのにSafariでも正常に表示されたページ 編集

議論 編集

上でKonquerorについての情報を書き込みましたが、Safariでも同様か確認です。

  1. Konquerorでは縦に並ぶはずのボックスが横にだらっと並んでしまう現象ですが、これは同様でしょうか?
  2. 同様の記述をしていても、現象が出るものと出ないものがあります。たとえばUser:MASAさんのところにはられているものはKonquerorでは問題なく表示されているのですが、これはいかがでしょうか?

以上、質問まで。--Masao 2006年10月24日 (火) 09:58 (UTC)返信

  1. 準備が整い次第このページにスクリーンショットを載せます。
  2. 現象が出ないものがあるということで調べてみたところ、利用者:MASAを含めいくつかは問題なく表示されることがわかりました。問題なく表示されたページに付いては、上に#Template:Boxboxtopを使っているのにSafariでも正常に表示されたページとして一覧にしておきます。

-- Command827 2006年10月24日 (火) 10:51 (UTC)返信

そもそもtableの要素alignは非推奨の要素なので使用をやめてほしいですね。スタイルシートの"float: right;"に変更してください。Command827さんの署名の<font>もですが。--Goki 2006年10月24日 (火) 10:56 (UTC)返信

まず、お茶の水博士さんの利用者ページには(X)HTML上での誤りがあります。
(誤)<table width="70%"><tr><td valign=yop width="40%">→(正)<table width="70%"><tr><td valign="top" width="40%">
ただ、table、tdの要素にwidth, align, valignを使用するのも推奨されませんので、
<table style="width: 70%;"><tr><td style="vertical-align: top; width: 40%;">とするのがよいと思われます。
そのうえで、「むだにスペースが開いてしまっている原因」は、段組に表を使用していることにあります。(IEの画面をよーく見ればわかるのですが、表の幅がユーザーボックスの左端より右側に来てしまっています。)ブラウザの横幅を広げれば直るはずです。
ただ、それでは根本的な解決にはならないのでどうしても箇条書きリストを2段組にしたい場合は、
<div style="float: left; vertical-align: top; white-space: nowrap;">としたほうがよいです。最後の</div>の後に<br style="clear: both;"/>を忘れずに。(使用例は北区 (神戸市)#教育を参考にしてください。)--Goki 2006年10月25日 (水) 08:01 (UTC)返信
  • ご指摘ありがとうございます。取りあえず、表の幅を60%にしてみました。ウインドウ幅は、最大でも駄目でしたので・・・また、勉強してみます。ただ、今回の修正以前にはこういう現象は起きなかったので、ご報告に参りました。お茶の水博士 2006年10月25日 (水) 08:35 (UTC)返信
  • Mac OS X上のIE5.2ではそのようなことは見られませんでした。ただ、全経-簿記のテンプレートだけ右にはみ出しています。
Firefox 2.0でも全経-簿記のボックスが右にはみ出ますね。--Goki 2006年10月25日 (水) 01:55 (UTC)返信
(コメント補足)<div>を使ってボックスを書いているユーザーボックスと、テーブル内にスタイル指定してボックスを書いているものが混在しているとおかしなことになるようです。ユーザボックス自体をカテゴライズしたほうがいいんじゃないでしょうか?ユーザボックス個別のバグまで手が負えなくなりますよ。本当は「自分の利用者ページだけちゃんと見えればいい」という感覚で、好き勝手にユーザーボックスを量産する感覚でいるユーザの皆さんに鉄槌を食らわしたいですが…。--Goki 2006年10月25日 (水) 02:28 (UTC)返信
(補足)たびたびすみません。簿記関係のユーザーボックスのスタイルに「float:left;」(もしくは横に並べたくなければ"clear: both;"でもよいですが、前者のほうが使い勝手はよいかと思われます。)がなかったのが原因でした。右にはみ出るブラウザではどうやら右側に入り込み余地があると判断するようです。--Goki 2006年10月25日 (水) 05:23 (UTC)返信
Gokiさん、ありがとうございます。Safari,シイラ,Firefoxで、簿記関係のユーザーボックスが右にはみ出ることがなくなったことを確認しました。-- Command827 2006年10月25日 (水) 07:33 (UTC)返信

中間報告 編集

  • Safari,シイラでは、問題なく表示されるようになりました。
  • Konquerorでの表示は未確認です。Konquerorをお持ちの方は表示の確認をよろしくお願いします。
  • 本テンプレートを使用した利用者:お茶の水博士Windows版のIE6.0で閲覧した場合、節タイトルと要素の間がユーザーボックス分空いてしまう問題があるそうです。

-- Command827 2006年10月25日 (水) 07:36 (UTC)返信

議論終了の提案 編集

反対意見が無いのでこの問題は解決したということにします。-- Command827 2006年10月27日 (金) 10:56 (UTC)返信

align=centerにしたときの表示について 編集

僕の利用者ページでユーザーボックスをもっと見やすくするために、align(表示位置)をcenter(中央)にしたところ、ユーザーボックスが左寄りに表示されてしまいました。これがバグかどうかわからないので、どうすればちゃんと中央に寄せて表示できるか教えてください。ちなみに僕の利用者ページはユーザーボックス専用の節を作って、そこでユーザーボックスを色々分類別に追加しています。ユーザーボックス系のテンプレートだけ配置しています。--Ijoe2003会話2017年4月8日 (土) 22:13 (UTC)返信

ページ「Boxboxtop」に戻る。