CSSのバグ覚書

IE6で、CSSの float で margin が倍になるというバグがあります。

IE6にはもう対応していない方も多いと思いますが、書いておいても他のブラウザで表示が崩れたりしないので、念のためということで記述しておくといいかもしれません。

通常はこれですが、

.float_left {
float: left;
}

記述は簡単。
ここにひとつ追加するだけ。

.float_left {
display: inline;
float: left;
}

これでIE6でも問題なく margin が通常通りになります。

あと、バグとは全く関係ないですが、 clear は忘れずに！