IE9电子邮件表错误？

时间：2013-05-22 14:21:12

标签： html internet-explorer-9 html-email

我在表格中有一个横幅图片（这是电子邮件，所以是的，编码像1999年。）IE9显示图像周围的空间尽管有 1）cellpadding =“0” 2）cellspacing =“0” 3）标签和标签之间的代码中没有空格 4）表格宽度==表格单元格宽度==图像宽度（全部600）

和真正奇怪的踢球者，当我应用hspace =“0”修复时，横幅从对齐中心（每侧有相等的1px间隙）到左对齐，尽管对应标签应用了align =“center”。 （附图）

enter image description here

这是代码（图像路径/ 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">&nbsp;</td>
            <td width="570">Some text content here</td>
            <td width="15">&nbsp;</td>
        </tr>
</table>
</body>
</html>

1 个答案:

答案 0 :(得分：1)

在Outlook中，如果未在第一行中设置col宽度，则colspan会导致一些问题。您只需添加一个空行来强制执行宽度。

不确定IE9，但这可能会解决您的问题：

<!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 width="15"></td>
            <td width="570"></td>
            <td width="15"></td>
        </tr>
        <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">&nbsp;</td>
            <td width="570">Some text content here</td>
            <td width="15">&nbsp;</td>
        </tr>
</table>
</body>
</html>
相关问题
最新问题