div位于页面底部

我有一个div，我用它作为页脚来显示一些内容。我已经把风格：div位于页面底部

.pageFooter{ 
    position:absolute; 
    bottom:0px; 
    width:100%; 
    height:25px; 
    background:#e6e6e6; 
}

这种风格的作品以及当没有在页面的主体内容。但是，当我用内容填充页面时，比如datagrid，div与datagrid中的数据重叠。我应该对这种风格做出什么样的改变，让div永远处于最底层。我正在使用IE *查看页面。

来源

2010-05-07 Ashish

你试过我的代码吗？ – Happy 2010-05-07 11:03:33

body, html { 
    height:100%; 
    margin-bottom:25px; 
}

来源

2010-05-07 08:51:03

没有什么似乎适用于IE8。 – Ashish 2010-05-07 09:10:11

这是一个解决方案吗？大声笑 – Happy 2010-05-07 11:02:14

这可能会帮助你http://www.cssstickyfooter.com/

来源

2010-05-07 08:51:10 codingbadger

没有什么似乎适用于IE8。 – Ashish 2010-05-07 09:09:13

CSS Sticky Footer确实可以用于IE8 http://www.cssstickyfooter.com/images/ie-8-win-xp.png – codingbadger 2010-05-07 09:20:36

FooterStickAlt是第一个描述这一点的人之一，它仍然有这样的把戏：http：/ /www.themaninblue.com/writing/perspective/2005/08/29/。 – Alec 2010-05-09 16:52:46

的最好方法：

html, body { height: 100%; } 

.wrapper { 
    min-height: 100%; 
    _height: 100%; /* hack for IE6 */ 
    margin-bottom: -100px; /* height of the footer */ 
} 

.wrapper-inner { padding-bottom: 100px; } 

.footer { position: relative; height: 100px; overflow: hidden; } 


<body> 
<div class="wrapper"> 
    <div class="wrapper-inner"> 
     Content 
    </div>  
</div> 
<div class="footer"> 
    Footer 
</div> 
</body>

文档类型应该严格或过渡性的XHTML。

来源

2010-05-07 10:45:25 Happy

div位于页面底部

回答

相关问题