IE6 の float 指定した時の margin バグ回避策 はじめてのブログデザイン

覚え書きです。 CSS でブロック要素に float を指定した際 margin の auto が効かなくなる（左右のセンター揃えが効かなくなる）ので px などでキッチリと指定します。 しかし、IE6 のバグで float を指定した際の margin が2倍になってしまうバグがあります。 なので、IE6 用の有名な CSS ハック（*html）を使用して以下のように回避します。 *html div#hajime { /*IE6用のハック*/ width : 450px; float : left; margin : 10px 5px; /*通常指定の1／2で指定*/ } div#hajime { /*その他のブラウザ用*/ width : 450px; float : left; margin : 10px 10px; } ●結論 IE6 はフロート食べると太るから margin は半

[coding]

*html　を使ったie6ハック対策

[willnet]

CSS2 の仕様では「float を指定した要素は display の指定を無視する」

[tomtit]

　IE