为什么我的页面在Internet Explorer中无法正确显示?

时间:2010-09-15 18:03:40

标签: php html css validation

编辑:这个问题有点奇怪。检查下面发布的答案

我正在研究this site并且它完美运行......或者至少, 完美地工作直到今天早些时候。

我不知道我做了什么,我对代码进行了一些细微的更改,但没有对首页进行任何更改。该网站经过测试,可在FF和Chrome中正常使用,但当然在Internet Explorer中崩溃。

我尝试了很多标准的“故障排除技术”,比如接受部分代码并进行注释,但似乎没有任何工作。

看起来应该是:

  • “内容持有者”应该被两个绿色框包围,并且应该居中(Chrome和FF工作)
  • 当您悬停标签时,应显示下拉列表(同样适用于Chrome和FF)
  • 刚刚注意到IE中的字体实际发生了变化

我的截止日期是9月18日(本周六),所以我很乐意快速回答。

我认为问题可能与我的stylesheet有关,因为这是影响首页的唯一因素,我可以在没有思考的情况下改变它。

哦,只是提到......

网站的一部分是用PHP构建的(这就是为什么你看不到它),但它主要只是“需要/包含”,我使用。

3 个答案:

答案 0 :(得分:6)

尝试删除DOCTYPE标记之前的注释。有时IE不喜欢它们。请参阅此问题以供参考:Can comments appear before the DOCTYPE declaration?

答案 1 :(得分:1)

“崩溃”到底是什么意思?在IE6 / 7中,我看到的唯一主要区别是内容是左对齐而不是居中。您可以通过将text-align: center添加到<body>标记,然后将text-align: left添加到div#container_front中来将文本对齐恢复正常来解决此问题。

除此之外,还有次要的,带有联系信息的半透明块不会跨越背景图片的整个宽度。

答案 2 :(得分:0)

我可能已经发现了导致这个问题的原因。如果你们正在运行Windows,你可能已经注意到今天和昨天的一些更新?显然,Internet Explorer以及其他内容已经更新。

这使我的部分页面无法正确显示。例如,在半透明的盒子里,应该有两个链接(一个用“klik for mere info”,另一个用“Klik her”用灰色表示)。两个链接都显示但都没有效果。

这是由我使用的过滤器引起的,以便使用半透明背景(请查看此站点以获取有关在IE中使用半透明背景所需内容的更多信息)。过滤器如下:

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/example.png');

这曾经有用,但新的更新导致此过滤器破坏了页面。我还注意到IE现在使用[attributes]识别和使用样式(因为当我删除过滤器时,背景仍然存在且仍然是半透明的)。

Internet Explorer也不再忽略!important标记。

注意:所有上述陈述均基于推测和次要测试。我为证明这些陈述而进行的唯一测试是我在本网站上执行的测试,以便解决第一个问题。所以,如果我刚才所说的都错了,请不要生气:)顺便说一下,我“使用”Internet Explorer 8,所以我不知道它是否适用于IE 6/7。我从来没有真正使用过IE浏览器