html - IE9奇怪的高度 - 无法修复

时间：2013-05-24 20:42:38

标签： html css internet-explorer internet-explorer-8 internet-explorer-9

好的，所以我在一个客户端的网站上工作：http://sap-bmc.dreamhosters.com/，它在所有浏览器中都运行良好，除了IE9和IE8（IE7似乎有些奇怪的原因）。

我遇到的问题是主页上三栏上的这个巨大空间：

IE9 height issue

出于某种原因，这个额外的高度正在增加。我尝试过以下方法：

.grid3column { height: 300px!important; }

但它不起作用。有谁知道为什么会发生这种情况？我已经调试了好几个小时，根本无法弄清问题是什么。

答案 0 :(得分：1)

您的问题是IE在Quirks模式下正在显示该页面。

原因是IE忽略了您指定的<!DOCTYPE>。

原因是因为你在doctype前面有一些杂散的HTML代码。这个杂散代码在任何情况下都是无效的，因为它是<body>标记之外的正文内容，但除此之外，它在IE中也有一个特定问题，因为它破坏了IE对doctype的识别

doctype 必须是页面中的第一件事，以便IE识别它。

如果IE无法识别doctype，它将进入Quirks模式。这将打破CSS代码的整个负载。这就是问题的根本原因。

<强> [编辑]

好的，所以doctype问题已得到修复，但仍然存在HTML错误，包括一些不匹配的标签....它恰好位于蓝色列底部的标签中。

我建议您通过W3C validator运行您的网站，这会向您显示问题。修复验证程序告诉您的错误，您将解决问题。