什麼導致這個雙滾動條/空白？

Question

我有一個奇怪的問題，Chrome瀏覽器，Firefox和顯然IE瀏覽器。 我正在爲我的投資組合網站/博客構建一個WordPress主題，並且一切都很順利，直到今天，當我用鉻查看網站時，頁面底部突然出現一個巨大的白色條，在Firefox/IE中它顯示一個雙側欄。 這裏是頁面http://iamdannygreen.com/?p=5 請原諒在Firefox中醜陋的標題，還沒有修復所有瀏覽器的錯誤。 任何幫助將不勝感激。 謝謝

Answer 1

修復您的標題並從身體刪除overflow-x: hidden它會工作得很好。

通過修復您的標題，我的意思是，這是什麼...？

margin-left:-1000px; 
padding-left:1000px; 
padding-right:1000px; 
margin-right:1000px; 

如果你想在標題背景跨越窗口的寬度，移動它的#wrapper之外，又拿出包裝裏的內容（這樣的內容不需居中）。

<div id="header"> 
    <div class="wrap">content here</div> 
</div> 
<div class="wrap" id="content"> body stuff here </div> 

.wrap { 
    width: 500px; 
    margin: 0 auto; 
} 
#header { 
    background-color: #CCC; 
} 

#content { 
    background-color:#FFF; 
} 

DEMO。