180style wiki
Webサイト制作関連/IE6でレイアウトが崩れる
をテンプレートにして作成
開始行:
*IE6でレイアウトが崩れる [#zced13db]
IE6のバグでフロートした要素のマージンが２倍になってしまう
-崩れる例
#content{
float: left;
width: 590px;
margin-left: 10px;
}
#side-menu{
float: right;
width: 200px;
}
（上位のコンテナとかが800pxとかだとIE6だけデザインが崩れ...
-対応&br;
「display:inline;」を入れてやる。
#content{
float: left;
width: 590px;
margin-left: 10px;
display:inline; ←★これ
}
#side-menu{
float: right;
width: 200px;
}
終了行:
*IE6でレイアウトが崩れる [#zced13db]
IE6のバグでフロートした要素のマージンが２倍になってしまう
-崩れる例
#content{
float: left;
width: 590px;
margin-left: 10px;
}
#side-menu{
float: right;
width: 200px;
}
（上位のコンテナとかが800pxとかだとIE6だけデザインが崩れ...
-対応&br;
「display:inline;」を入れてやる。
#content{
float: left;
width: 590px;
margin-left: 10px;
display:inline; ←★これ
}
#side-menu{
float: right;
width: 200px;
}
ページ名:
