トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS   ログイン

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

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

#freeze
*IE6でレイアウトが崩れる [#zced13db]
IE6のバグでフロートした要素のマージンが2倍になってしまう
-崩れる例
 #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;
 }