当页面被调整到更小的宽度时页面右侧和页眉右侧有巨大的空白

我已经尝试了很多在此列出的解决方案，但我无法解决此问题..这是一个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

回答