html - Outlook 2010 中的宽度问题

Question

我有相当多的电子邮件编码经验，也熟悉 Outlook 的噩梦，但这对我来说是一个新问题，而且，它似乎只影响了一些用户。基本上，在我们的时事通讯模板中，有一个用于嵌套内容的表格。它在左侧和右侧有列，宽度属性用作边距。对于 2010 的某些用户，Outlook 似乎会折叠列，而对于其他用户则不会。

有人知道 Outlook 中的设置可能会导致这种情况发生吗？

这是代码的一个版本，其中的内容被删除了:

<table style="FONT-FAMILY: Helvetica Neue, Arial, sans-serif; COLOR: #4b4b4b; FONT-SIZE: 12px" border="0" cellspacing="0" cellpadding="0" width="600" bgcolor="#FFFFFF" align="center">
<tbody>
<tr>
<td rowspan="6" width="30"></td>
<td height="30"></td>
<td rowspan="6" width="30"></td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 40px">
<table style="WIDTH: 540px">
<tbody>
<tr>
<td style="TEXT-ALIGN: right; PADDING-BOTTOM: 10px; FONT-SIZE: 10px"></td>
</tr>
</tbody>
</table>
<table style="WIDTH: 540px" border="0" cellspacing="0">
<tbody>
<tr>
<td width="340"></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 20px"></td>
</tr>
<tr>
<td style="PADDING-BOTTOM: 45px; FONT-SIZE: 10px; BORDER-TOP: #412878 4px solid; PADDING-TOP: 20px">
</td>
</tr>
</tbody>
</table>

谢谢，

中号

Answer 1

我的建议是查看电子邮件客户端的 Campaign Monitors CSS 支持列表； Outlook '10 完全忽略位置 CSS，例如边距、填充等。在使用 Outlook '10 时尽可能远离 CSS，像 90 年代初期那样编写代码，并在需要时使用高度属性和额外元素。

http://www.campaignmonitor.com/css/