メモ：Netscape7.1, IE6 clearできないバグ
ネガティブマージンを使ったCSSで三段組の場合、Netscape7.1でclearが正しく機能しない。 親要素のマージン幅によってはclearが効かないに似た症状。 これは三段組に限らず、大きな負の左右マージンとフロートをつかった段組法の場合に発症するらしい。 段組レイアウトでネガティブマージンとフロートを使うのは、 「サイドバー固定幅かつメインカラム可変幅で2段（3段）ぶち抜きフッター付きレイアウト」を実現するため（ADP: デザインテンプレート1110とネガティブマージン参照）ですが、 ここでmargin-left(right): -100%などとやってしまうとフッターのclearが効かなくなる（Netscape7.1とIE6で確認。Firefox1.5とOpera8.54は大丈夫）。 たとえば2段組レイアウトを次のようにしている場合。 <div id="main"> <p>可変幅</
CSSレイアウトの定石 WinIE6バグ回避法
CSSを使ったレイアウトをする際にWinIE6のバグを回避するための「定石」をまとめておきます。 とくに重要だと思うものは強調してあります。参考としてバグ辞典へのリンクも用意しました（つまり回避法を用いない場合にどんなバグが発現するか）。 フォントサイズ関係 font-sizeは%かpxで指定する。 キーワードで文字サイズを指定すると標準モードと互換モードで文字サイズが変わる(IE6) em単位で指定した値が文字サイズ変更後に正しく反映されない(IE6) ボックスモデル関係 widthと同時に左右borderや左右paddingを指定しない。heightと同時に上下borderや上下paddingを指定しない。 ボックスの幅や高さを算出するときにパディングやボーダーのサイズを含めてしまう （ブロックレベル要素を内包するボックスにはpaddingを指定しない。） 左右ボーダーとパディングを設
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
