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

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

覚え書きです。 CSS でブロック要素に float を指定した際 margin の auto が効かなくなる（左右のセン...概要を表示 覚え書きです。 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 は半

• cssハック
• IE6
• css
• bug
• ie
• *web制作