internet-explorer - iframe 中的表格在 IE7 中呈现更大

Question

<iframe>在包含表格的奇怪情况下寻求帮助。

http://past.as/stack上的实时示例

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

但是在 IE7 上，表格在宽度和高度上都更大了，iframe 周围有一个浮雕边框。<td>边框之间也有间距。

在 IE8 上，我仍然得到奇怪的浮雕边框，但大小还可以。由于某种原因，我也失去了渐变背景。

我在 IE 上缺少什么让它看起来与 WebKit 和 Firefox 版本完全一样？

Answer 1

我认为旧版本的 IE 需要frameborder="0"设置IFRAME来摆脱凹陷的边框。他们还cellspacing为TABLE. 要解决这个问题，您需要设置TD {border-collapse: collapse; margin: 0px;}或设置cellspacing="0"为TABLE.

Answer 2

就我而言，IE 还为所有图像元素添加了边框。通过删除它并使用 Teemu 的反馈，我解决了这个问题。