ホームページ覚書 » float要素のブラウザごとでの表示の違い

HTML・Wordpressなどの覚え書きブログ

float要素のブラウザごとでの表示の違い

floatによる回り込みを指定した場合、その要素にmarginを指定するとIE6で表示がずれる現象が発生します。

ブラウザごとのスタイルを用意することでも回避できますが、共通のスタイルで管理したほうが作業が楽なため、【display:inline;】を記述することをおすすめします。

記述はfloatする要素でmarginの記述があるものに【display:inline;】を追加するだけです。

▼使用例

.left{
width : 500px;
float : left;
margin-left : 10px;
display:inline;
}