アカウント名:
パスワード:
普段 SeaMonkey なので試しに IE6 で見てみたのですが、「行間が広い」「左側の一覧しかでない」なんてのは、IE6 でしか確認できませんでした。
狭くしたら右のブロックが下に落ちるのは、おそらく IE6 のボックスサイズ計算がバグっているところ (border 込みのサイズで計算する) を踏んでいると思われますし、同時に表示領域 (ビューポート) を超える内容の描画に関しても、CSS1 の範疇を超えた指定 (ま、要は CSS2 なだけですが) を IE6 が認識できない→メニューが float 指定であるためにトピックの一覧等が入っているボックスが下へ流れ込む、となっていると思われます。
参考までに、別のマシンに入れてある IE7 でも確認してみたところ、「行間が広い」「左の一覧しか出ない」という状況は確認できませんでした。
CSS が PC 用だけでも 3 つのファイルに分かれていて見るのも面倒だったのであれですが、大方 body か内容が入っている box に min-width 指定→IE6 じゃ効くわけも無い、という辺りかと。
で、一応 HTML 位は確認しようかな、と見てみたところ……
<div><!-- IE bug: この div を抜くと topnav が横へ伸びる --></div>
あぁ、うん、こりゃダメかな。
細かい辺りを言うと、Gecko 系ブラウザでは標準設定 (ブラウザのデフォルトスタイルシート) が結構タコなため、input 要素や select 要素に対して font-size: 100%; (または font-size: 1em;) を指定して頂けるとありがたい、という感じです。
というのも、ブラウザ側の設定で文字サイズを 12px 表示にしているのですが、type="text" なテキストボックスや select の部分では、文字サイズが 8px となってしまいます。(スタイル無指定時のデフォルト) font-size: 100%; や font-size: 1em; という部分だけ見ると、全く何の指定でも無い様に見えたりしますが、なんと文字表示が 12px になってレンダリングされちゃったりします。
小さなことですが、デメリット 0 でメリットのみだと思います。
# コメントに div を付けても p と違ってレンダリング結果的に差異が感じられない。特に何も指定していないのかな。
より多くのコメントがこの議論にあるかもしれませんが、JavaScriptが有効ではない環境を使用している場合、クラシックなコメントシステム(D1)に設定を変更する必要があります。
私は悩みをリストアップし始めたが、そのあまりの長さにいやけがさし、何も考えないことにした。-- Robert C. Pike
例によってIEでは… (スコア:1, 参考になる)
最悪なコーディング。
それって、IE6 なだけじゃないですか? (スコア:1)
普段 SeaMonkey なので試しに IE6 で見てみたのですが、「行間が広い」「左側の一覧しかでない」なんてのは、IE6 でしか確認できませんでした。
狭くしたら右のブロックが下に落ちるのは、おそらく IE6 のボックスサイズ計算がバグっているところ (border 込みのサイズで計算する) を踏んでいると思われますし、同時に表示領域 (ビューポート) を超える内容の描画に関しても、CSS1 の範疇を超えた指定 (ま、要は CSS2 なだけですが) を IE6 が認識できない→メニューが float 指定であるためにトピックの一覧等が入っているボックスが下へ流れ込む、となっていると思われます。
参考までに、別のマシンに入れてある IE7 でも確認してみたところ、「行間が広い」「左の一覧しか出ない」という状況は確認できませんでした。
CSS が PC 用だけでも 3 つのファイルに分かれていて見るのも面倒だったのであれですが、大方 body か内容が入っている box に min-width 指定→IE6 じゃ効くわけも無い、という辺りかと。
で、一応 HTML 位は確認しようかな、と見てみたところ……
あぁ、うん、こりゃダメかな。
細かい辺りを言うと、Gecko 系ブラウザでは標準設定 (ブラウザのデフォルトスタイルシート) が結構タコなため、input 要素や select 要素に対して font-size: 100%; (または font-size: 1em;) を指定して頂けるとありがたい、という感じです。
というのも、ブラウザ側の設定で文字サイズを 12px 表示にしているのですが、type="text" なテキストボックスや select の部分では、文字サイズが 8px となってしまいます。(スタイル無指定時のデフォルト) font-size: 100%; や font-size: 1em; という部分だけ見ると、全く何の指定でも無い様に見えたりしますが、なんと文字表示が 12px になってレンダリングされちゃったりします。
小さなことですが、デメリット 0 でメリットのみだと思います。
# コメントに div を付けても p と違ってレンダリング結果的に差異が感じられない。特に何も指定していないのかな。