css - IE7中有水平滚动条

标签 css

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

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

如果我注释掉边距,正文背景就会正确居中。

最佳答案

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

试试看

关于css - IE7中有水平滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3636508/

相关文章:

asp.net - 面板内的部分边框

javascript - 如何通过 js 或 jquery 设置子宽度等于父宽度减去 x px?

html - 调整嵌入式视频链接 HTML

javascript - 滚动时向导航栏元素添加类

html - 有没有办法在 CSS 中进行克隆?

html - -webkit 文本大小调整 : 100% doesn't work on iphone

html - 使用 CSS 向表格添加粗垂直线

css - 列表项和下拉列表在 IE8 中变得不稳定

php - 如何使用 fopen() 和来自表单 $value 的变量创建基于表单的文件?

html - 表格列中的文本行高不恒定