行之间的IE空间

时间:2009-05-28 05:24:59

标签: html css internet-explorer layout

我的网站与FF和IE(http://www.kiubbo.com)看起来非常不同,因为你可以看到它在IE 8中的“.news_item”行之间有很多空间

如果有人知道为什么?

由于

4 个答案:

答案 0 :(得分:2)

对于在兼容性节点中运行的IE(即IE的旧版本),空

<span class="news_item_title"></span>
每个新闻项目末尾的

似乎在IE和FF之间呈现不同。你真的需要吗?

如果是IE8你特别担心,可以通过在页面中添加相关的元标记来强制它进入标准模式:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

这使得页面渲染几乎与FF完全相同,除了顶部广告的对齐方式不同。

答案 1 :(得分:2)

验证代码。页面中的w3C验证器found 57 errors,其中一些可能会影响布局。

关于如何呈现正确代码的标准非常明确,但是没有关于如何呈现错误代码的标准。浏览器只是试图充分利用它,但它们有不同的方法来处理错误的标记。

答案 2 :(得分:1)

我建议使用列表来定义行而不是一堆div,因为它更具语义性。这也有助于解决您所遇到的空间问题。

答案 3 :(得分:1)

填充和边距行为中ie和ff之间的差异, 在'.news_item'类

中使用它