0

フッターをページの下部に貼り付けようとしています。私のサイトのページは同じ高さではありません。私はウェブ上ですべてを試しましたが、ズームイン/ズームアウトしたり、ブラウザウィンドウのサイズを変更したりすると、ブラウザにぶつかり、div、テーブルなどの中央に浮かびます。元のフッターcssは次のとおりです。

#footer
{
    width:100%;
    height:20px;
    vertical-align:middle;
    font-size:10px; 
    font-weight:bold;
}
#footer ul
{
    margin-top:10px;
    margin-right:10px;
    margin-left:30px;
    color: #797979;
    line-height:11px;

}
#footer ul li
{
    float:left;
    border-right:1px solid #797979;
    list-style:none;
    margin:0 5px 5px 0;
    padding-right: 5px;
}
#footer ul li a
{
    color: #797979;
    text-decoration:none;
}
#footer ul li a:hover
{
    text-decoration:underline;
}
#footer .copyright
{
        margin-top:5px;
    float:none;
        text-align:center;
}

とhtmlは次のようになります：

<div id='main'>
<div id='header'>
</div>
   <form id='myform'>
     <div id='form_div'>
     </div>
   </form>
  <div id='footer'>
  </div>
</div>

そして、これが私が試したすべての方法です：

http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

http://www.cssstickyfooter.com/

http://alistapart.com/article/footers

http://blog.softlayer.com/2012/tips-and-tricks-pure-css-sticky-footers/

と他の多くの..。

私は入れようとしました：

#footer 
{ 
bottom:0;
position: fixed
}

それはこれに固執しますが、もちろんブラウザのサイズを変更するとき、css psに問題があるようには見えません：私はそれを書いた人ではありません私はそれを使用して修正しようとしています

4

1 に答える 1

0

Ryan Fait のスティッキー フッターを試してみてください。信じられないほどシンプルで、クロスブラウザーと互換性があります。

于 2013-02-09T09:29:51.027 に答える