码农家园

关闭
导航

关于 html:IE9 邮件表的 bug?


htmlhtml-emailinternet-explorer-9

IE9 email table bug?

我在表格中有一个横幅图像(这是电子邮件,所以是的,编码类似于 1999。)IE9 显示图像周围的空间,尽管有
1) 单元格填充="0"
2) 单元格间距="0"
3)标签和标签之间的代码中没有空格
4)表格宽度==表格单元格宽度==图像宽度(全部600)

和真正奇怪的踢球者,当我应用 hspace="0" 修复时,尽管 align="center" 应用于标签,但横幅从居中对齐(每边有相等的 1px 间隙)到左对齐。
(附图片)

enter

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 <!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 here
    </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 片段在任何网络浏览器或电子邮件阅读器中重现该问题。需要更多的 HTML 并且可能需要显示问题的屏幕截图。
  • 它可能是导致它在 IE9 中发生的 doctype 声明——在上面附加原始片段。
  • 屏幕截图和附加 HTML 很有帮助。不过仍然没有问题的迹象。这是一组使用 Litmus 在不同浏览器中的屏幕截图。你用的是真正的IE9吗?您是否使用上面当前显示的确切未更改源查看它(不是使用已转发的 HTML 电子邮件版本,或者复制并粘贴到 HTML 编辑器中的版本)?
  • 我截取了 IE9 版本 9.0.8112.16421C0 中 1px 蓝色窥视的屏幕截图。上面贴出的代码是我在浏览器中打开的 HTML 文件。
  • 在 IE9 中,仔细检查浏览器模式是否设置为"Internet Explorer 9",文档模式是否设置为"Internet Explorer 9 标准(页面默认)"。
  • 也许试试 table td {border-collapse: collapse;}
  • 那没有用,但是,拿起横幅,将其移动到自己的桌子上并移除 colspan 解决了问题。所以这让我相信 colspan 是造成问题的原因。
  • @artcase 既然你已经发布了 colspan 的东西,它就更清楚了。请参阅下面的答案。


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

不确定 IE9,但这可能会解决您的问题:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!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 here
    </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"></td>
            <td width="570">Some text content here</td>
            <td width="15"></td>
        </tr>
</table>
</body>
</html>
相关讨论

  • 是的。科尔斯潘是罪魁祸首。不幸的是,很难改变我当前团队的团队心态,停止在表格的第一行使用它们。也许这个问题会有所帮助。感谢您和马特的回复!


Copyright ©  码农家园 联系:[email protected]