iframe中的表在IE7中渲染得更大

时间:2012-11-15 03:17:41

标签: internet-explorer iframe html-table

使用包含表格的<iframe>寻找有关奇怪情况的帮助。

http://past.as/stack

的实例

在所有webkit + Firefox浏览器中,表格显示得非常好。

Desired look - On WebKit and FF

但是在IE7上,桌子在宽度和高度方面都有些大,在iframe周围有一个浮雕边框。 <td>边界之间也有间距。

enter image description here

在IE8上,我仍然得到奇怪的浮雕边框,但尺寸还可以。由于某种原因,我也松开了渐变背景。

IE 8 good size, loosing gradient

我在IE上缺少什么使它看起来与WebKit和Firefox版本完全相同?

2 个答案:

答案 0 :(得分:3)

我认为早期版本的IE需要为frameborder="0"设置IFRAME才能摆脱沉没的边界。他们还会向cellspacing添加一些自动TABLE。要解决此问题,您需要设置TD {border-collapse: collapse; margin: 0px;},或为cellspacing="0"设置TABLE

答案 1 :(得分:0)

在我的情况下,IE还为所有图像元素添加了边框。通过删除它并使用Teemu的反馈我解决了这个问题。