瀏覽器滾動條

Question

我有一個完全居中對齊的網站。 CSS代碼工作正常。這個問題並不是真的與CSS有關。每頁都有標題，完美匹配海誓山盟。

然而，當內容變得更大，Opera和Firefox顯示在左邊的滾動條，所以你可以滾動的內容沒有在屏幕上。這使得我的網站向左跳幾個像素。因此，標題不再完全對齊。

IE總是有一個滾動條，所以該網站從未跳躍IE左右。

有誰知道這個問題的一個JavaScript/CSS/HTML解決方案？

Answer 1

我用

html { overflow-y: scroll; } 

爲了規範在IE和FF

Answer 2

您是否使用百分比寬度或固定寬度進行對齊？我也猜測你正在給身體應用背景 - 我自己也有這個問題。

如果你上傳的頁面，所以我們可以看到但源代碼這將是更容易幫助你。

Answer 3

#middle 
    {   
position: relative; 
margin: 0px auto 0px auto;  
width: 1000px; 
max-width: 1000px; 
} 

是我中心的DIV

Answer 4

那麼你不需要position: relative; - 它應該工作正常，沒有它。

我認爲div有是1000px寬嗎？用實際的網站回答這個問題仍然會容易得多。

Answer 5

FWIW滾動條的行爲：我用

html { height: 101%; } 

強制滾動條總是出現在Firefox瀏覽器。