HTML・CSSテックラボ

ie6.0のマージンが2倍になるバグ

2009年8月24日

ie6.0はfloatが指定されている場合、margin指定があるとその数値を2倍にするという有名なバグがあります。

.hoge{
float: left;
magin-left: 10px;
}

実際のCLASS名hogeのマージンは20ピクセルに設定されてしまいます。
一番簡単な対処法はマージンの代わりにpaddingを使うことです。

.hoge{
float: left;
padding-left: 10px;
}

paddingの設定もしていて、なるべく指定は変えたくない場合、display属性にinlineを指定するとバグを回避できます。

.hoge{
float: left;
display: inline;
magin-left: 10px;
}

ブロック要素をインライン要素に変えるので、なんとなく気持ち悪いですが、実用的です。

Comment

コメントを残す

メールアドレスが公開されることはありません。

関連記事

リズムファクトリーはホームページの制作会社です。
ホームページ制作に関するご要望・ご相談はこちらからどうぞ。

株式会社リズムファクトリーでは現在、下記の職種について人材募集を行っております。
求人をクリックすると「求人情報サイトFind Job!」の求人詳細画面が開きますので、こちらからご応募下さい。

提供 : Webな人の求人情報サイト Find Job!