Webサイト制作関連/IE6でレイアウトが崩れる
Last-modified: 2022-05-05 (木) 09:23:32
IE6でレイアウトが崩れる†
IE6のバグでフロートした要素のマージンが2倍になってしまう
- 崩れる例
#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; }