IE宽度渲染问题

Question

我设计了一个固定宽度的页面，可以在Chromium，Firefox，Safari中同样呈现，但在（我可以告诉）IE的所有风格中都存在一个小问题。我已经为IE添加了一些条件样式，这使得事情变得更好，但它仍然是关闭的（只有几个像素）。

相关网站位于：http://www.brushesfacepainting.co.uk/brushes/home

IE和Chromium并排呈现在这里：http://www.brushesfacepainting.co.uk/images/renderissue.jpg

我为IE添加了条件样式来修复所有元素的宽度，在此之前，横幅样式比正文更窄。

我认为我正在遇到IE漏洞，但我无法弄清楚哪一个！有人可以帮忙吗？

谢谢， 利

Answer 1

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

此外，您的页面不在IE中心 - 我建议您将整页包装在固定宽度的包装中，边距为：0自动到整页中心 - 因此您不必在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;
}