0 
body {
    background: #ffffff;
    color: #000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
height: 100%;
margin: 0;
padding: 0;
}

#container {
    width: 50%;
    background: #fff;
    border: none;
    color: #000000;
    margin: auto auto;
    padding: 20px;
    text-align: left; /* IE 5 fix */
overflow:auto;
padding-bottom: 180px
}

#wrap {
min-height: 100%;
}

#footer {
background: #000 url(images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: relative;
width:100%;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
}

一日中作業していて、疲れて目が見えなくなっているだけかもしれません。

body タグ内にもラップ div を組み込みました。キャッシュをクリアして、Chrome と Firefox も試しました。

4

4 に答える 4

1

bottom:0;フッターに追加してみましたか？

::編集::フッター全体について話しているのか、テキストだけについて話しているのかよくわかりません. 下部にテキストが必要な場合は、新しい div/class を指定し、bottom:0; を設定します。そして、それはあなたのためにそこに置かれます。フッター全体を下部に表示したい場合は、私の Firefox と Chrome にすでにあります。

::EDIT2::

#copyright { font: 11px Verdana, Arial, Sans-Serif; bottom: 0; padding: 10px 0 0 0; }

下部にもリンクが必要な場合は、copyright div にも追加してください。

フッターは次のとおりです。

#footer {
background: #000 url(../../../images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: relative;
width:100%;
bottom: 0px;
margin-top: -180px; /* negative value of footer height */
height: 180px;
clear:both;
}
于 2013-02-12T03:48:07.107 に答える
1

これを試して

#footer {
background: #000 url(images/cbf/foot.png) repeat;
border-top: solid 1px #000;
position: fixed;
bottom: 0;
width: 100%;
height: 180px;
clear: both;
}
于 2013-02-12T03:51:12.073 に答える
0

フッターの高さが 180px に設定されているようで、コードで問題が発生していますheight: 180px。

である必要がありますheight: 60px。

于 2013-02-12T04:15:34.523 に答える
0

このクラスの問題は下の変更を試すことだと思います...それがうまくいくことを願っています...

#copyright {
    border: 0 none;
    bottom: 0;
    font: 11px Verdana,Arial,Sans-Serif;
    margin: 0;
    padding: 10px 0 0;
    position: relative;
    top: 110px;
于 2013-02-12T04:02:42.303 に答える