Question

所以我有一个网站。我设置了一个更大的图像作为背景：

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">

更新：

似乎问题是由我的包装div引起的：

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

如果我注释掉边距，则正文背景正确居中。

Answer 1

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

试试

IE7中有horiziontal滚动条

1 个答案: