Webサイト制作関連/IE6でレイアウトが崩れる

Last-modified: 2022-05-05 (木) 09:23:32

IE6でレイアウトが崩れる†

IE6のバグでフロートした要素のマージンが２倍になってしまう

崩れる例

#content{
 float: left;
 width: 590px;
 margin-left: 10px;
}
#side-menu{
 float: right;
 width: 200px;
}
（上位のコンテナとかが800pxとかだとIE6だけデザインが崩れる）

対応
「display:inline;」を入れてやる。

#content{
 float: left;
 width: 590px;
 margin-left: 10px;
 display:inline; ←★これ
}
#side-menu{
 float: right;
 width: 200px;
}