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位於頁面底部

回答

相關問題