[k]id » CSSでmarginの幅がIE6だけ倍になる 

2008年5月22日

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

Yahoo!ブックマークに登録

1 Star2 Stars3 Stars4 Stars5 Stars (現在評価はありません。)
Loading ... Loading ...

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専用
}
正しい記述方法では無いと思いますが…

Comments

Powered by Facebook Comments

この記事を読んだ方は下記も投稿も読んでいます

コメント・トラックバック

トラックバック

コメントする

Filed under: CSS
タグ: , , ,