2012-05-07 183 views
1

我有這個網站額外的空間......谷歌Chrome和Safari瀏覽器,我的網站給右側

http://willruppelglass.com/

和它IE9,8,7,火狐但在谷歌Chrome和看起來不錯Safari(如果你滾動到右側),你會得到一個空白區域,爲什麼它會這樣做,我該如何解決它?

任何幫助,將不勝感激,感謝先進, Ĵ

因此很明顯,這個問題是所有browers..here是我的身體CSS代碼...

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

有誰知道要解決這個問題?

我說什麼我現在的問題是一個屏幕截圖..

enter image description here

+1

我不知道你是如何測試的,但這個問題在所有瀏覽器中都很明顯:Firefox 12,Chrome 18和IE9,IE8和IE7。 – tw16

+0

嗯......你知道如何解決它嗎? – user979331

+0

我看不到如何滾動到右側;沒有滾動條 – albert

回答

5

的問題無關,與你的body但它在於你.headerNav

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

你給它的寬度是1280像素,但是你給它一個230像素的填充左邊,這使得實際寬度= 1510像素,它將水平滾動條添加到網站。

我建議以下

.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; 
    } 

我希望這可以幫助你。

+1

+1您提前1秒發佈:p –

+0

最快到平局。你仍然有超過5萬+;) – frontendzzzguy

+0

我試試這個有點...謝謝:) – user979331

相關問題