css - Google Chrome 和 Safari，我的网站在右侧提供了额外的空间

Question

我有这个网站...

http://willruppelglass.com/

它在 IE9、8、7、Firefox 中看起来不错，但在 Google Chrome 和 Safari 中（如果你滚动到右侧）你会看到一个空白区域，为什么会这样，我该如何解决？

任何帮助将不胜感激，感谢提前，J

所以显然这个问题存在于所有浏览器中......这是我的身体CSS代码......

body{
    font-family: 'ArialNarrow';
    background-color:#ebebeb;
    padding:0;
    margin:0;
}

有谁知道如何修理它？

我添加了一个关于我现在的问题的屏幕截图..

Answer 1

问题与你无关，body而在于你.headerNav

.headerNav {
    color: 
    black;
    margin: 0 auto;
    width: 1280px;
    padding-top: 140px;
    padding-left: 230px;
    }

你给它一个 1280px 的宽度，然后你给它一个 230px 的 padding-left ，这使得实际宽度 = 1510px ，这将水平滚动条添加到站点。

我会推荐以下

.headerNav {
    color: 
    black;
    margin: 0 auto;
    width: 1050px; /* decrease the width of the div to compensate for the padding-left */
    padding-top: 140px;
    padding-left: 230px;
    }

我希望这可以帮助你。