我一直在互联网上对此进行研究,不幸的是无法找出为什么会发生这种情况。它似乎只发生在 Internet Explorer 9 的某些计算机上。
仅在 IE 9(某些计算机)中,整个页面看起来像一团糟:
该网站的网址在这里
谁能告诉我为什么在 IE9 中会发生这种情况?
(注意:兼容性视图会清除它,但是 Js/jQuery 不能正常工作)。
我一直在互联网上对此进行研究,不幸的是无法找出为什么会发生这种情况。它似乎只发生在 Internet Explorer 9 的某些计算机上。
仅在 IE 9(某些计算机)中,整个页面看起来像一团糟:
该网站的网址在这里
谁能告诉我为什么在 IE9 中会发生这种情况?
(注意:兼容性视图会清除它,但是 Js/jQuery 不能正常工作)。
由于某种原因,IE认为该站点在我的Intranet中,并将其呈现为兼容模式(IE中有一个设置可以在CM中自动呈现Intranet站点)。当我取消选中“自动检测 Intranet 网络”框时,该站点正确呈现。
所以您真正的问题是 IE 如何确定 Intranet 网络,以及如何强制您的页面不在兼容模式下呈现……类似这样的东西。
在这里一时兴起,但我认为这是内联块的用法。我没有将 IE9 安装到可以使用它的开发者控制台进行进一步检查的程度,但众所周知,IE 在显示内联块元素方面非常糟糕。
在谷歌浏览器的控制台中,我可以使用float:left
而不是复制相同的外观display:inline-block
,因此应该可以解决该问题。
编辑:我在 HTML 中看到的唯一语法问题是</head>
标签的位置,它与标签不相邻<body>
。
编辑 2:就概述问题而言,请尝试将此答案用于另一个问题。
再次编辑以修复标签的显示。
我注意到您的doctype
. IE 讨厌这个。doctype
需要是文件中的第一件事。
您还有超过2300 个 HTML 验证错误需要调查和纠正。同样,IE 对无效的 HTML 非常敏感。