Question

我无法理解为什么当网站的其余部分正常工作时，我的网站中2页的布局在IE 7/8中被破坏了。它全部集成在CMS的模板中，所以它将相同的NAV等带到所有页面中。

这就是它应该是什么样的

但这两个页面在IE7 / IE8中被破坏

除了

之外，HTML是有效的

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

但它总是让人感到窒息。除了一些CSS3值之外，CSS是有效的。 FireBug控制台中没有JS错误。

我已经没有想法了，任何帮助都会很棒

Answer 1

这两个页面在IE中默认以Quirk模式呈现。如果你看两页的源代码，第一行是

<!-- jobs/index -->

如果你拿出来，页面将再次以标准模式呈现。

Answer 2

从第二个问题开始：“margin：0 auto”使一个块居中，但仅当块的宽度设置为小于父宽度时。通常，他们会变得相同。这就是下面示例中的文本不居中的原因。

当你添加元素的宽度，边框和填充时，它应该打破这个约束。请注意，它似乎是一个严格小于约束。

906 - width
 40 - padding-left
 40 - padding-right
  2 - border-left
  2 - border-right
---
990

那就是说，我不知道为什么这不会影响“工作”页面......