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

Question

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

http://willruppelglass.com/

它在IE9,8,7,Firefox中看起来不错,但在谷歌浏览器和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的填充左边,这使得实际宽度= 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;
    }

我希望这可以帮助你.