IE8渲染额外的填充或边距

时间:2010-07-22 00:44:09

标签: html css internet-explorer-8 rendering margin

我遇到IE8的一些边缘或填充问题,我希望有人可以帮助我。下面是IE7中具有正确间距的网站的屏幕截图(在FF和Chrome / Safari中它看起来几乎相同)。

alt text http://img80.imageshack.us/img80/9376/screenshot20100721at749.png

接下来是IE8中的相同页面,在行和描述之间创建了一大堆额外的间距。

alt text http://img687.imageshack.us/img687/9376/screenshot20100721at749.png

您可以查看实际网站here。我已经弄乱了填充和边距而没有任何运气,我不知道额外的空间来自哪里。使用IE开发人员工具检查元素会显示一个不会对我产生影响的偏移,但我不确定为什么会发生这种情况。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:2)

问题在于SPAN末尾的<span style="padding-left: 10px">1 Voter<span>。它应该是一个结束标记。将此代码更改为:

<span style="padding-left: 10px">1 Voter</span>

这将解决您的问题。

答案 1 :(得分:0)

从包含div的{​​{1}}中移除填充,并用The best places for sharing a meal with someone special.替换div。走着瞧吧。相邻的垂直边距应正确折叠。