0

この方法を使用して固定フッターを持つページがあります: http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

このページは Javascript を介して動的に作成されており、IE6 を除くすべてのブラウザーが私のスティッキー フッターで完全に動作しています (残念ながら、この馬鹿げたブラウザーをサポートする必要があります)。フッターはウィンドウの下部に移動してそこにとどまります (ページはウィンドウ サイズをはるかに超えて拡張されます)。そのため、スクロールしてもフッターは中央に留まります。

私のスティッキーフッターに関連するHTMLコードは次のとおりです。

<div class="container">
  <div class="header">...</div>
  <div class="navigation">...</div>
  <div class="main">...</div>
  <div class="footer">...</div>
</div>

CSS:

html, body { height:100%; }
.container { min-height:100%; position:relative; }
.main { padding-bottom:50px; }
.footer { padding:10px 0; position:absolute; bottom:0; width:100%; background:#ffffff; height:22px; line-height:22px; }
.ie6 .container { height:100%; zoom:1;}
4

1 に答える 1

0

固定フッターには常に同じ方法を使用していますが、IE6 でも機能します。試してみてください。

http://www.cssstickyfooter.com/

幸運を！

于 2012-09-30T23:21:15.697 に答える