-2

私はいたるところを見てきましたが、これに対する答えが見つからないようです-明らかに私は何か間違ったことをしています。これが私のフッターcssです：

#footer { 
   position: fixed; 
   bottom: 0px;
   left: 0px;
   margin: 0px;
   width: 100%;
   height: 60px;
   padding-top : 10px;
   background-image:url(../images/bottom_bg.jpg);
   background-repeat:repeat;
   text-align:center;
   border-top: 5px solid #000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:12px;
   font-weight:bold;
   color:#FFCC66;
}

www.bevwebdev.com/examples.php

  • 私は一体何を間違っているのですか?? z-index を試してみました。高さの設定はテーブルでのみ機能します。position: absolute は、短いページの真ん中に貼り付けるだけです。なんて頭痛の種でしょう!!!
4

3 に答える 3

1

問題は、下にスクロールすると、フッターがメイン コンテナーの下部を覆うことです。container解決策は、 divに下マージンを追加することです。

#container {
  margin-bottom: 100px;
}

これにより、div の下に 100 ピクセルの空白が配置されるため、ページの一番下にある場合でも、すべてのテキストが表示されます。

于 2013-03-26T04:48:51.087 に答える
0

フッターを常に他のすべての下に配置したい場合は、position: relative

フッターを常にブラウザーの下部に固定したい場合は、使用する必要がありますposition: fixed

フッターを別の要素またはページの上部から常に一定の距離にしたい場合は、使用する必要がありますposition: absolute

于 2013-03-26T04:49:21.773 に答える
0

ページの下部がフッターの下に隠れないようにしたい場合は、次の CSS を追加します。

body {
    padding-bottom:100px;  
}

またはあなたのために働くいくつかの番号。これにより、本文のコンテンツが少し押し上げられて表示されます。

于 2013-03-26T04:51:34.580 に答える