Template‐ノート:Boxboxtop

出典: フリー百科事典『ウィキペディア（Wikipedia）』

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

Safariで表示が崩れる例

このテンプレートを使用した場合、Safariで閲覧した場合レイアウトが崩れます。改善されるまでこのテンプレートの使用は控えましょう。

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

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

Safari2.0
シイラ2.0

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

Konqueror 3.1.5 (with KDE3.1.5, QT3.2.3, TurboLinux10) Masao 2006年10月24日 (火) 08:20 (UTC)

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

[編集] 議論

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

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

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

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

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

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

署名の指摘ありがとうございます。<font style=~>から<span face=~>に変更しました。-- Command827 2006年10月24日 (火) 11:07 (UTC)
Table要素のalignをfloat:に変更しましたが依然表示に変化は見られません。-- Command827 2006年10月24日 (火) 11:14 (UTC)

Wikipedia:表の作り方を見ながら思いきってTemplate:Boxboxtopを修正しました。なぜだかはわかりませんがSafari、シイラの表示はほとんどのページで改善されました。ただ、利用者:お茶の水博士など一部ページでは、何個かバベルが右に飛び出たままです。Konquerorではどうでしょうか。-- Command827 2006年10月24日 (火) 11:59 (UTC)

現在、ＩＥで、利用者:お茶の水博士のページで異常が見られます。「手塚治虫」の節タイトルと要素の間が、ユーザーボックス分空いてしまっています。お茶の水博士 2006年10月24日 (火) 12:18 (UTC)

（補足）ちなみに、Win XP+IE6.0です。未だ、夕べの状態のままです。お茶の水博士 2006年10月25日 (水) 06:51 (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)

ご指摘ありがとうございます。取りあえず、表の幅を６０％にしてみました。ウインドウ幅は、最大でも駄目でしたので・・・また、勉強してみます。ただ、今回の修正以前にはこういう現象は起きなかったので、ご報告に参りました。お茶の水博士 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)

Konquerorでも問題ないようですね。（Konqueror 3.4.1 on KNOPPIX 4.0.2 ） -- Lusheeta 2006年10月25日 (水) 07:54 (UTC)

[編集] 議論終了の提案

無事問題が解決したようなので、Wikipedia:井戸端 (告知)にこの問題が解決したことをを告示したいと思います。議論を終了に反対する場合には、2006年10月27日 (金) 00:00 (UTC)までにこのページに反対の意思を書き込んでください。-- Command827 2006年10月25日 (水) 09:54 (UTC)

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

See also ebooksgratis.com: no banners, no cookies, totally FREE.