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>