0

この CSS で定義されたフッターに問題があります。

div#footer {
    height:80px;
    background-color:#f2f2f2;
    bottom:0;
    left:0;
    z-index:999;
    border-top: solid 1px #ccc;
}

Firefox では正常に動作するので、フッターはページの最後まで表示されます: Firefox ビュー しかし、Chorme では、ページが非常に短い場合、次のようになります: クロームビュー しかし、赤いブロックも灰色にしたいので、 Firefoxで。

フッターの固定高さを設定せずに修正できますか? ありがとう。

より多くのコード:

div#footer .main {
    width:986px;
    margin:0 auto;
    color:#999;
    font-size:11px;
}

body {
    background-color:#E0DDD2;
    font-family: Helvetica,Arial,sans-serif;
    font-size:12px;
    color:#1a1a1a;
    line-height:16px;
}

<body>
    <div id="footer">
        <div class="main">
          <cq:include path="footer" resourceType="where/components/iparsys"/>
        </div>
    </div>
</body>
4

1 に答える 1

0

Doctype 宣言がありませんでした。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

于 2013-07-02T13:54:07.650 に答える