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

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

Last-modified: 2022-05-05 (木) 09:23:32
Top/Webサイト制作関連/IE6でレイアウトが崩れる

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;
    }