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

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

Last-modified: 2019-05-15 (水) 20:34:19 (698d)
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;
    }