动态页面上的粘性页脚 - IE6问题

时间:2012-09-30 23:12:44

标签: html css internet-explorer-6 sticky-footer

我有一个使用此方法粘贴页脚的页面: 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;}

1 个答案:

答案 0 :(得分:0)

我总是对我的粘性页脚使用相同的方法,它也适用于我在IE6中,你应该尝试一下:

http://www.cssstickyfooter.com/

祝你好运!