屏幕底部和頁腳div之間沒有空格

Question

我遇到了在屏幕底部和最後一個div之間創建空間的問題。

在Chrome中，沒有問題，但與IE的邊界是在屏幕的底部。

<div id="container"> 
<div id="header">...</div> 
<div id="main">...</div> 
<div id="footer">...</div> 
</div> 

的最後一個div只有<br />的

這裏是三網融合

html, 
body { 
    margin:0; 
    padding:0; 
    height:100%; 
} 
#container { 
    top:30px; 
    left:15px; 
    width:60%; 
    border:black solid 1px; 
    min-height:100%; 
    position:relative; 
} 
#header {  
    padding:0px; 
} 
#body { 
    background-color:FAF0E6; 
    padding:10px; 
    padding-bottom:25px; /* Height of the footer */ 
} 
#footer { 
    position:absolute; 
    bottom:10px; 
    width:100%; 
    height:25px; /* Height of the footer */ 
} 

---

就像我說的，在Chrome的偉大工程，但沒有這麼多的IE瀏覽器。

我想要的是在屏幕頂部和底部的空間。

編輯 - 作爲補充說明，我甚至沒有看到IE中的底部邊框。

感謝您的幫助，

-Kris

Answer 1

可以更換最小高度：100％的高度：在#container的100％。適用於IE8。

編輯：這是你在找什麼？

 
html { 
    margin:0; 
    padding:0; 
} 
body { 
    background-color:FAF0E6; 
    margin-top:35px; 
    margin-bottom:10px; 
} 
#container { 
    left:15px; 
    width:60%; 
    height:100%; 
    position:relative; 
} 
#header {  
    padding:0px; 
} 

#footer { 
    position:absolute; 
    bottom:10px; 
    width:100%; 
    height:25px; 
} 

Answer 2

嘗試加入border-bottom: solid #FFFFFF 10px;以體型。適用於IE8。