當頁面被調整到更小的寬度時頁面右側和頁眉右側有巨大的空白

我已經嘗試了很多在此列出的解決方案，但我無法解決此問題..這是一個wordpress網站。 http://www.delice-ikbal.com/當頁面被調整到更小的寬度時頁面右側和頁眉右側有巨大的空白

我試圖從<html>和<body>刪除任何保證金或填充它沒有幫助。

我也試過類似：

html,body 
{ 
    width: 100%; 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
    overflow-x: hidden; 
}

當然overflow-x: hidden不允許horizontaly滾動..所以完全當頁面寬度越來越小

所以內容是不可見的我想刪除頁眉和頁面右側存在的空白區域。

謝謝。

2013-11-28 Copernic

你能在我們需要爲了看到這個bug複製瀏覽器/行爲的更具體一點？ – leaksterrr

@leaksterrr：thks。我用截圖更新了我的問題:) – Copernic

你有很多的容器與PX硬編碼的寬度。

刪除.main-navigation中的max-width：1080px，它是導致問題的容器。

編輯：和div.nav菜單> UL

ul.nav-menu, div.nav-menu > ul { 
    margin: 0; 
    padding: 0 40px 0 0; 
}

2013-11-28 17:37:33

顯然這不是問題。 – Copernic

是的，在div.nav-menu> ul中移除1080px，問題已經移動 –

是的。謝謝：） – Copernic

使用這個CSS

.site-header { 
background-image: none; 
background-color: rgb(36, 17, 0); 
min-width: 1000px;

}

2013-11-28 17:36:37 Marinus

謝謝。這解決了標題問題，但不是頁面右側的頁邊距。任何想法？謝謝:) – Copernic

回答