1

我一直在互联网上对此进行研究,不幸的是无法找出为什么会发生这种情况。它似乎只发生在 Internet Explorer 9 的某些计算机上。

仅在 IE 9(某些计算机)中,整个页面看起来像一团糟:

在此处输入图像描述

该网站的网址在这里

谁能告诉我为什么在 IE9 中会发生这种情况?

(注意:兼容性视图会清除它,但是 Js/jQuery 不能正常工作)。

4

3 回答 3

1

由于某种原因,IE认为该站点在我的Intranet中,并将其呈现为兼容模式(IE中有一个设置可以在CM中自动呈现Intranet站点)。当我取消选中“自动检测 Intranet 网络”框时,该站点正确呈现。
所以您真正的问题是 IE 如何确定 Intranet 网络,以及如何强制您的页面不在兼容模式下呈现……类似这样的东西。

于 2012-06-19T23:10:58.623 回答
0

在这里一时兴起,但我认为这是内联块的用法。我没有将 IE9 安装到可以使用它的开发者控制台进行进一步检查的程度,但众所周知,IE 在显示内联块元素方面非常糟糕。

在谷歌浏览器的控制台中,我可以使用float:left而不是复制相同的外观display:inline-block,因此应该可以解决该问题。

编辑:我在 HTML 中看到的唯一语法问题是</head>标签的位置,它与标签不相邻<body>

编辑 2:就概述问题而言,请尝试将此答案用于另一个问题。

再次编辑以修复标签的显示。

于 2012-06-19T22:58:33.120 回答
0

我注意到您的doctype. IE 讨厌这个。doctype需要是文件中的第一件事。

您还有超过2300 个 HTML 验证错误需要调查和纠正。同样,IE 对无效的 HTML 非常敏感。

于 2012-06-19T23:14:38.007 回答