css - IE 在图像周围添加了额外的填充

Question

我在使用 IE 向图像添加额外填充时遇到问题。我搜索了论坛，但没有找到解决我问题的方法。

第一张图片显示了它在所有其他浏览器中的情况（应该如此），第二张图片 - IE 显示的内容。

该图像位于具有以下代码的表格单元格中：

<td width="372" rowspan="3" align="center" valign="middle" style="border:1px solid #ADE1EF; padding: 5px;">
<img id="image1" src="http://siteaddress.com/image.JPG" style="width:368px; height:370px;" />
</td>

任何帮助将不胜感激。

Answer 1

问题在于您的表格单元格格式。在 IE 中，表格单元格相互接触，它们之间没有空格。在其他浏览器中，它们没有接触并且它们之间有间距。我还没有研究为什么 IE 会以不同的方式做这件事，但是你要看的地方是你的表格单元格宽度和边距是如何指定的，与你的图像无关。