Outlook 2007中的HTML电子邮件表格已损坏2010

Question

我有一个在大多数电子邮件客户端（或至少可以接受）中运行良好的电子邮件模板，但在Outlook 2007和Outlook 2010中完全中断。

我知道这些版本的Outlook使用Word渲染引擎而不是IE。

我听说过Outlook分页错误，但这似乎只会影响垂直间距。我的问题是水平间距。

代码： http://jsbin.com/alagih/edit#html,liveb

所有主要电子邮件客户端的测试结果： http://artletic.createsend.com/screens/y/F2B9C33F1297A73F

Outlook 2007屏幕截图：

Answer 1

我发现专门针对Outlook 2007中的HTML电子邮件，您应该在标记和内联CSS中设置宽度参数。

所以例如<td width="150px" style="width: 150px;">

Answer 2

尝试为包含图像的任何td添加宽度。

示例：

<td width="150">
    <img src="/img/image.jpg" width="150" height="150">
</td>

同时确保将这些图像设置为display: block。

Answer 3

您永远不会为包含正文消息的表格设置宽度。

它设置为<table border="0" width="">

对于您的“franco.jpg”图片，看起来Outlook忽略了img标记上的内嵌边距。尝试为您的内容创建一个双列表，并将图像包装在div中并给它一个右边距或将文本内容包装在div中并给它左边距。由于某种原因，Outlook不喜欢填充。

此外，由于Outlook 2007和2010年可能会使用Word作为渲染引擎，它会忽略某些样式，例如background-image（背景位置），但它会接受`bgcolor'和'background-颜色”。

测试Outlook 2007/2010的最快方法是在MS Word中打开它。它应该接近那些Outlook版本中显示的内容。

不确定导致=E2=80=9D的原因。

如果您真的必须使用背景图片，请尝试this hack。