2011-03-18 61 views
-1

我无法弄清楚为什么当网站的其他部分正常工作时,我的网站中2页的布局在IE 7/8中被破坏。它们都被分成了来自CMS的模板,因此它将相同的NAV等引入到所有页面中。IE的Bug与CSS?

这就是它应该看起来像

http://test.clothesaid.co.uk/collection-protection/

但这些2页BROKEN IN IE7/IE8

http://test.clothesaid.co.uk/media_centre

http://test.clothesaid.co.uk/jobs

HTML是有效距

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

但它总是扼杀在那。除了一些CSS3值之外,CSS是有效的。 FireBug控制台中没有JS错误。

我已经江郎才尽,任何帮助将是惊人的

+0

你需要具体说明什么是“破碎”。我们应该如何知道你的页面应该是什么样子? – 2011-03-18 13:34:13

+0

我已经把它链接到它应该看起来像 – Yammi 2011-03-18 13:36:01

+0

@理查德原则上我同意,但它很容易看到什么是在IE8破坏 – 2011-03-18 13:37:05

回答

1

两个页面在怪异模式默认渲染IE。如果你看一下两个页面的源代码,第一行是

<!-- jobs/index --> 

如果你把说出来,该页面将在标准模式下再次呈现。

+0

好地方!不知道为什么该线路进入该模板!非常感谢 – Yammi 2011-03-18 14:03:24

+0

好的侦探!我没有注意到,因为Firebug不显示评论! – jdmichal 2011-03-18 14:07:10

0

检查了这一点,从另一个答案:Using "margin: 0 auto;" in Internet Explorer 8

与你的第二个问题开始:“保证金:0汽车”为中心的块,但只有当块的宽度设置为小于父宽度时。通常,他们会变得一样。这就是为什么下面的例子中的文字不居中。

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

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

这么说,我不知道为什么这不影响“工作”网页...

+0

谢谢你的回复。但是,如果这是一个CSS问题,那么肯定会打破每一页? – Yammi 2011-03-18 13:49:45

+0

@YAMMI是啊,我刚刚编辑包括。我仍然会尝试在主内容div上放置一个或多个像素的宽度,看看是否突然修复了这个问题。这当然是一个意外! – jdmichal 2011-03-18 13:51:09

+0

@YAMMI我只是想...... IE还有一个扩展容器宽度以容纳儿童内容的习惯。这可能会在没有任何警告的情况下扩展内容分区。 – jdmichal 2011-03-18 14:05:54