CSSでmarginの幅がIE6だけ倍になる | 東京都世田谷区 ホームページ制作 [k]id

CSSでmarginの幅がIE6だけ倍になる

Category CSS Update 2008.05.22

twitterfacebookgoogle+はてなブックマークPocketであとで読むfeedlyで購読

CSSの覚え書き

 

CSSを記述する時の悪いクセでfloatを多用してしまいます。

 

しかしこのfloat、IE6以下で

左カラムのdivに対して「float:left;」をかけた後に

右カラムにfloat:rightをかけてmargin調整をしようとすると

marginの幅がIE6だけ倍の値を取ってしまうようです。

 

そこで下記のように_(アンダースコア)を使用して

IE6のみに適用する一時的にCSSを記述しました。

↓左カラム
#div1{
float:left
}
↓右カラム
#div2{
float:right;
margin-left:10px;→IE6以外
_margin-left:5px;→IE6専用
}

正しい記述方法では無いと思いますが…

ページトップへ
kid