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

Question

我有这个网站......

http://willruppelglass.com/

它在IE9,8,7，Firefox中看起来不错，但在谷歌浏览器和Safari中（如果向右滚动），你会有一个空白区域，为什么要这样做以及如何修复它？ / p>

任何帮助将不胜感激，谢谢先进， 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的填充左边，这使得实际的宽度= 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;
    }

我希望这会对你有所帮助。