我一直在互联网上研究这个问题,不幸的是我找不到为什么会发生这种情况。这似乎只发生在internet Explorer9中,在特定的计算机上。
只有在IE9(一些计算机)中,整个页面看起来像是一团糟:

该网站的网址为Here
谁能告诉我为什么这会发生在IE9?
(注意:兼容性视图会清除它,但是Js/jQuery就不能正常工作了)。
发布于 2012-06-20 07:10:59
出于某种原因,IE认为站点在我的intranet中,并以兼容模式呈现它( IE中有一个设置,可以在CM中自动呈现intranet站点)。当我取消选中“自动检测intranet网络”框时,站点显示正确。
所以你真正的问题是IE如何确定内部网网络,以及如何强制页面不以兼容模式呈现……就像this一样。
发布于 2012-06-20 06:58:33
我在这里一时兴起,但我认为这是inline-block的用法。我还没有安装IE9到可以使用它的开发人员控制台进行进一步检查的地步,但众所周知,IE在显示内嵌块元素方面非常糟糕。
在谷歌浏览器的控制台中,我可以使用float:left而不是display:inline-block复制相同的外观,所以这应该解决了问题的一部分。
HTML:我看到的唯一的语法问题是</head>标记的位置,它与<body>标记不相邻。
编辑2:就大纲问题而言,请尝试using this answer to another question.
再次编辑以修复标签的显示。
发布于 2012-06-20 07:14:38
我注意到你的doctype上方有空格。我讨厌这样。doctype必须是文件中的第一个内容。
您还存在需要调查和整改的2300 HTML validation errors。同样,IE对无效的HTML非常敏感。
https://stackoverflow.com/questions/11110520
复制相似问题