【发布时间】:2013-05-17 15:41:12
【问题描述】:
我在表格中有一个横幅图像(这是电子邮件,所以是的,编码类似于 1999。)IE9 显示图像周围的空间,尽管有 1) 单元格填充=“0” 2) 单元格间距="0" 3)标签和标签之间的代码中没有空格 4)表格宽度==表格单元格宽度==图像宽度(全部600)
和真正奇怪的踢球者,当我应用 hspace="0" 修复时,尽管 align="center" 应用于标签,但横幅从居中对齐(每边有相等的 1px 间隙)到左对齐。 (附图片)
代码如下(图片路径/alt因法律原因被替换)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Title here</title>
</head>
<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" align="center" bgcolor="#3ad1e2" style="color: #ffffff;"><img src="http://www.milya.ch/banner1.jpg" width="600" height="90" alt="a random kitteh banner" hspace="0" style="display:block;" /></td>
</tr>
<tr>
<td width="15"> </td>
<td width="570">Some text content here</td>
<td width="15"> </td>
</tr>
</table>
</body>
</html>
【问题讨论】:
-
无法使用上面发布的 HTML sn-p 在任何网络浏览器或电子邮件阅读器中重现该问题。需要更多 HTML,可能还需要显示问题的屏幕截图。
-
可能是文档类型声明导致它在 IE9 中发生——在上面附加原始的 sn-p。
-
屏幕截图和附加 HTML 很有帮助。不过仍然没有问题的迹象。这是使用 Litmus 在不同浏览器中的set of screenshots。你用的是真正的IE9吗?您是否使用上面当前显示的确切未更改源查看它(不是使用已转发的 HTML 电子邮件版本,或者复制并粘贴到 HTML 编辑器中的版本)?
-
我截取了 IE9 版本 9.0.8112.16421C0 中 1px 蓝色窥视的屏幕截图。上面贴出的代码就是我在浏览器中打开的HTML文件。
-
@artcase 既然你已经发布了 colspan 的东西,它就更清楚了。请参阅下面的答案。
标签: html internet-explorer-9 html-email