IE9 email table bug?
我在表格中有一个横幅图像(这是电子邮件,所以是的,编码类似于 1999。)IE9 显示图像周围的空间,尽管有
1) 单元格填充="0"
2) 单元格间距="0"
3)标签和标签之间的代码中没有空格
4)表格宽度==表格单元格宽度==图像宽度(全部600)
和真正奇怪的踢球者,当我应用 hspace="0" 修复时,尽管 align="center" 应用于标签,但横幅从居中对齐(每边有相等的 1px 间隙)到左对齐。
(附图片)
这是代码(图像路径/alt 因法律原因已被替换)
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> |
在 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> |