1

私はこのサイトを持っています...

http://willruppelglass.com/

IE9、8、7、Firefoxでは見栄えがしますが、Google ChromeとSafari(右側にスクロールすると)では空白になります。なぜこれを行うのですか、またどのように修正すればよいですか?

どんな助けでもありがたいです、高度なおかげで、J

どうやらこの問題はすべてのブラウザにあります..ここに私のボディCSSコードがあります...

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

誰かがそれを修正する方法を知っていますか?

私の問題が今何であるかについてのスクリーンショットを追加しました。

ここに画像の説明を入力してください

4

1 に答える 1

5

問題はあなたとは何の関係もありません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;
    }

これがお役に立てば幸いです。

于 2012-05-07T17:38:45.163 に答える