CSS背景和身高100％

我無法讓我的背景圖像跨越整個內容。CSS背景和身高100％

我看了其他問題，似乎我需要在每個容器上設置100％的最小寬度......但我嘗試了所有組合，但仍然無法正常工作。

這裏是我的HTML：

<body> 
<div id="container"> 

    <div id="header"> 
       header content...    
    </div> 
    <div id="content"> 

     <div id="myAccountArea" class="section"> 
      accountArea content... 
     </div> 

     <div id="myPostsArea" class="section"> 
     postsArea content... 
     </div> 

    </div> 
    <div id="footer"> 
    </div> 
</div>

CSS：

html, body { 
    margin: 0; 
    padding: 0; 
    height:100% 
} 

body { 
    background: red; 
} 

#container { 
    padding-top: 80px; 
    margin-left: auto; 
    margin-right: auto; 
    width: 1000px; 
    min-width: 1000px; 
} 

#content { 
    min-width:1000px; 
}

我遇到的問題是，postsArea內容通常跨越不是瀏覽器的窗口比較多，但背景纔不是。

感謝

編輯

好了，我把範圍縮小到一個reset.css文件...要去關於在該文件中發現的問題有什麼建議？

謝謝。

來源

2011-07-03 AlexBrand

您是否遇到問題可見的地方？我感覺這可能是浮動div的問題，但除非我們能看到實際的頁面，否則很難說。 –

我認爲你要搜索的是[overflow fix]（http://css-tricks.com/795-all-about-floats/）或[sticky footer]（http://www.cssstickyfooter.com/ ）。我對嗎？ –

這裏沒有足夠的信息來*明確*回答你的問題。我*可以猜測，但這對我們兩個人來說似乎有點反作用。或者提供一個到實時頁面的鏈接，或者[jsFiddle]（http://jsfiddle.net/）/ [JS Bin]（http://jsbin.com/）演示。 – thirtydot

好了，看着復位後的樣式表，我發現了這一點：

html { 
    background:#FFF 
}

評論這一行了，一切似乎要被罰款:)

非常感謝所有幫助

來源

2011-07-03 14:06:50 AlexBrand

什麼樣的愚蠢的重置包含它？ – thirtydot

雅虎的3.3.0版本... – AlexBrand

CSS背景和身高100％

回答

相關問題