0

InternetExplorerのdivに問題があります。3列のレイアウトがあり、Internet Explorerを除くすべてのブラウザー（chrome、firefox、safari）で正しく表示されます。IEでは、中央のdivは、サイドバーの間ではなく、ページの下部に表示されます。

私は何日も問題が何であるかを理解しようとしてきました。それは私のCSSと関係があると確信していますが、よくわかりません。

どんな助けでもいただければ幸いです！

私のウェブサイトは次のとおりです。http ：//www.onedirectionconnection.com

そしてこれがCSSです：

div#container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 1125px;
    text-align: left;
}

div#header {
    clear: both;
    height: 500px;
    margin-top: 0px;
    padding: 0px;
    border: 0px
}

div#navi {
    text-align: center;
    background: #FFFFFF;
    clear: both;
    height: 60px
    margin-left: 13px;
    margin-right: 13px;
    margin-bottom: 10px;
    padding-left: 39px;
    border-bottom: 3px solid #FF0000;
    border-top: 3px solid #FF0000;
}

div#left {
    float: left;
    width: 320px;
}

div#right {
    float: right;
    width: 320px;
}

div#middle {
    padding: 0px 325px 5px 325px;
    margin: 0px;
}

問題に関連すると思われる部分を含めただけですが、必要に応じて、誰でも私のWebサイトでコードを自由に提供できます。

4

2 に答える 2

1

DIV の配置に取り組む必要があります。左の div は問題ありません。左の div の後に中央の div を追加し、次に右の div を追加します。

float: left; width: 400px; margin: 0;真ん中に追加。そして、中央の DIVs 子要素の幅を調整します。

于 2012-05-30T09:25:18.287 に答える
1

コンテナーの幅を増やすか、余白を減らします。

#middle
{
 padding: 0px 0px 5px 0px;
 margin: 0px;
 overflow: hidden;
 width: 485px;
 float: left;
}
于 2012-05-30T09:05:22.663 に答える