IE 宽度渲染问题

Question

我设计了一个固定宽度的页面，它在 Chromium、Firefox、Safari 中渲染效果相同，但在（据我所知）所有类型的 IE 中都有一个小问题。我为 IE 添加了一些条件样式，这使事情变得更好一些，但它仍然关闭（仅几个像素）。

有问题的网站在这里：http://www.brushesfacepainting.co.uk/brushes/home< /a>

IE 和 Chromium 并排渲染如下所示： http://www.brushesfacepainting.co.uk/images/renderissue.jpg

我为IE添加了条件样式来固定所有元素的宽度，在此之前，横幅样式是比身体窄很多。

我假设我遇到了 IE 错误，但我不知道是哪一个！有人可以帮忙吗？

谢谢， 李

Answer 1

您的 mainbodyie 规则的宽度与标准 css 中的宽度不同。 （851 像素与 848 像素）。修复它以匹配您的其他包装纸。

另外，您的页面在 IE 中不居中 - 我建议您将整个页面包装在固定宽度包装器中，并使用 margin:0 auto 使整个页面居中 - 这样您就不会在每个布局元素的 css 中多次重复宽度。

Answer 2

/* ONLY FOR IE */

DIV.mainbodyie{
  width: 848px;
}

DIV.mainbody{
  padding-right: 0;
}

Answer 3

使用 div 结构将所有内容（如页眉、中间、页脚）包含在其中。为此 div 添加以下代码：

.test{
overflow:auto;
margin: 0 auto;
}