IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法 - Webデザイナーの為の情報Blog「CSSMAKER」

CSSレイアウト初心者がまずぶつかる壁がおそらくこのバグだと思います。 まずはサンプルソースを見てみて下さい。 サンプルをダウンロード。 HTML <div id="container"> <div id="leftContents"></div> <div id="rightContents"></div> </div> CSS #container { width: 500px; height: auto; } #leftContents { float: left; width: 180px; height: 200px; background: #80A852; margin-right: 10px; margin-left: 10px; } #rightContents { float: right; width: 290px; height: 200px; backgroun

[yaoki_dokidoki]

うむむ。これはひどい

[fukudamasa09]

IE6marginバグ対策のためのまとめ。わかりやすくてありがたい。

[genji-webmaster]

IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法

[kiyoshi1211]

たまにこれで時間とられます。

[nilab]

IE6でfloatしたボックスのmarginの値が2倍になるバグの対処方法 - Webデザイナーの為の情報Blog「CSSMAKER」:親要素にpaddingを指定して子要素でのmarginをやめちゃうってのも手:アンダースコアハックでIE6のみに指定:display: inline;

[atsumo]

苦手なところ