3

フッターをページの下部に配置しようとしていますが、ほとんど成功していません。

そこにはたくさんのCSSがあり、どこに問題があるのか​​わからないので、リンクを貼り付けることしかできません。

これがリンクです: Test ; 誰かが私を助けたいなら、私はそれを感謝します.

編集:質問は古く、URLはもうありませんが、個人がフッター(またはその他の要素)をページの下部に配置する必要がある場合(いわゆるスティッキーフッター)、とにかく答えは有効であると見なされる場合があります。

4

4 に答える 4

2 
#footer {
      margin-top: -50px;
}

#footer {} 定義からそれを削除します。また、相対的にしたいので、画面の最後に達するまで、フッターの上の div の高さを増やす必要があります。それ以外の場合は、絶対配置を使用する必要があります。

編集：#footerから「position：relative」も削除

編集 2: firebug に表示されるすべての定義を投稿します。

footer {
    background-image: url("http://rolandgroza.com/projects/roland/assets/less/../gfx/background-light.png");
    background-position: center center;
    background-repeat: repeat;
    clear: both;
    height: 50px;
    position: relative;
    width: 100%;
}

footer {
    background-image: url("http://rolandgroza.com/projects/roland/assets/less/../gfx/background-light.png");
    background-position: center center;
    background-repeat: repeat;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    width: 100%;
}

footer {
    display: block;
}

そして、定義の最初のセットと最後のセットを "display:block" で削除できます。どこかでそれらを見つけることができれば。

于 2012-05-06T11:49:22.970 に答える
-4

追加してみる

.footerClass {
     position:absolute;
     bottom:0;
}

css ファイルに追加し、クラス footerClass をフッター タグに追加します。

于 2012-05-06T11:49:10.240 に答える