float指定で発生するＩＥ６のバグ「余白２倍」を解決する方法

今月２００９年９月号のWeb Designingを読んでいて
よく出会うフロート指定でＩＥ６のバグ「余白２倍」に
関する記事がありました。

ＩＥ６のバグ「余白２倍」とは、floatとmarginを
組み合わせたときに同じ方向に指定されている場合に
ＩＥ６だと余白が２倍になって表示されてしまいます。

私は今まで回避方法として　padding　を使って
いたのですが、違うやり方が紹介されていた
のでメモひらめき電球


解決方法１
floatした要素ではなく子要素にmarginを指定する

解決方法２
display:inline;を指定する


ＩＥ６でfixedさせる方法とか、他にも色々なバグの
回避方法が紹介されているので読むだけも勉強になりますニコニコ

Web Designing (ウェブデザイニング) 2009年 09月号 [雑誌]

￥1,280
Amazon.co.jp


floatつながりでよく使うCSSテクニック！
floatを使っていてボックスから画像とかが
はみ出したりするときに解決する方法
CSSのfloatをclearさせるための「clearfix」

これは、結構使うので覚えておいたほうがいいですねニコニコ