IE7中有水平滾動條

所以我有一個網站。我設置了一個較大的圖像作爲背景：IE7中有水平滾動條

html, body { 
    height: 100%; 
} 
body {  
    color: #000; 
    font: 100.1% sans-serif; 
    background: #033361 url('/images/background2.jpg') center top no-repeat; 
}

它在Firefox和IE8的偉大工程，但在IE7中背景移動到右側，有一個水平滾動條。

任何人都可以向我解釋這種奇怪的行爲，並提出一個解決方案？

我的文檔類型：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

UPDATE：

#wrapper { 
    width: 1002px; 
    margin: 0 auto; 
    font-size: .8em; 
}

如果我註釋掉保證金，身體背景爲中心：

看來問題是我的包裝股利所致正確。

來源

2010-09-03 Richard Knop

你有一個適當的符合標準的DOCTYPE？ – MrWhite 2010-09-03 14:05:52

@ w3d是的，我有。 – 2010-09-03 14:07:11

html, body{ 
    margin:0;padding:0; 
}

試一下

來源

2010-09-03 14:04:57 Zoidberg

'html'沒有默認的邊距。 'padding'總是默認爲零。 – BalusC 2010-09-03 14:06:47

它取決於瀏覽器，它可能有一定的餘量，它可能有填充，我也有這個相同的問題。 – Zoidberg 2010-09-03 14:11:34

html和body都沒有margin/padding。我從這裏http://meyerweb.com/eric/tools/css/reset/使用重置的css文件。 – 2010-09-03 14:13:21

IE7中有水平滾動條

回答

相關問題