0

IE の一部の解像度で、フッターが新しい行にオーバーフローします。コンテンツをコンテナよりも広く押すだけのパディングの問題だと思います。コンテナの幅が画面の解像度よりもはるかに小さいため、一部の解像度ではそのように折り返されているように見えますが、これは私には意味がありません。解決策が見つからないようです。

CSS:

#footer
{
    width: 100%;
    background-color: #4e4e4e;
    padding: 0 0 0;
    margin: 0;
    clear: both;
}
#sitemap
{
    width: 300px;
    padding: 20px 0;
    margin: 0 auto;
    clear: both;
}

#left_map
{
    float: left;
    border-right: 1px dotted #ffffff;
}
#right_map
{
    float: right;
    padding: 30px 0;
}
#copyright
{
    font-size: 10px;
    font-family: inherit;
    color: #ffffff;
    text-align: center;
    padding: 20px 0 0;
    clear: both;
}

HTML (フラグメント):

<div class="clear"></div>
<div id= "footer">
    <div id="sitemap">
        <div id="left_map">
            <h4>Sitemap</h4>
            <ul>
                <li><a class="selected" href="index.html">Home</a></li>
                <li><a href="about.html">About</a></li>
                <li><a href="services.html">Services</a></li>
                <li><a href="gallery.html">Gallery</a></li>
                <li><a href="contact.html">Contact</a></li>
            </ul>
        </div>
        <div id="right_map">
            <img src="images/footer_logo.png">
        </div>
    </div>
    <div id= "copyright">
        <p>Copyright © 2012 Cornerstone Masons</p>

    </div>
</div>
</body>
</html>
4

1 に答える 1

0

考慮すべきいくつかのアイデア：

  • IE は独自のボックス モデルを使用します。Quirks モードでコンテナの幅と境界線の幅に追加または無視することに関して、パディングは Moz や Webkit とは異なる方法で IE で計算されるため、この問題を回避するために IE に標準準拠モードを使用させる doctype があることを確認してください。
  • オーバーフローのある画面がブラウザ レベルで意図せずズームインされていないことを確認します。デフォルトのズームに設定するには、Windows では CTRL+0、Mac では command+0 を押​​します。
  • あなたのパディングはpadding: 0 0 0;、左のパディングがデフォルト値に戻っている可能性があることを意味しています。私がこれを言うのは、IE が遅れており、特定のビルドでこれを読み違えたからといって、IE を無視するつもりはないからです。
于 2012-09-19T21:58:26.190 に答える