動態頁面上置頂頁腳 - IE6發佈

Question

我有一個頁面，具有使用這種方法粘頁腳： 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;} 

Answer 1

我一直用同樣的方法給我粘頁腳，它也爲我的作品在IE6，你應該嘗試一下：

http://www.cssstickyfooter.com/

祝你好運！