HTML电子邮件表在Outlook 2007年破2010及

我有一个在大多数电子邮件客户端正常工作（或至少是可以接受的），但完全Outlook 2007和Outlook 2010年突破HTML电子邮件表在Outlook 2007年破2010及

我知道，电子邮件模板这些版本的Outlook使用Word渲染引擎而不是IE。

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

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

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

Outlook 2007的截图： Outlook 2007 screenshot

来源

2012-02-16 Matt Crest

开始调试：删除所有amazonaws托管的图像。然后开始删除样式定义。最终你会发现制作Word barf的那个。 – 2012-02-16 03:05:24

谢谢@ marc-b。我尝试了一些变化，但希望避免测试50个不同的时间。我正在使用CampaignMonitor的测试（使用Litmus）。每次测试5美元对少数人来说是好的，但是在调试时，这加起来很快！ – 2012-02-16 16:43:46

不应该有任何真正的原因，你不能用原始HTML硬编码快速测试脚本，并将其工作到您自己的邮箱，而不涉及第三方。如果您无法使用单独的脚本复制它，那么就开始对供应商大喊大叫。 – 2012-02-16 20:03:33

你从来没有设置包含表的宽度你的身体信息。

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

至于你的“franco.jpg”的形象，看起来像Outlook正在忽略的img标签内嵌保证金。尝试为您的内容创建一个双列表，然后将图片封装在div中，并给它一个右边距或将文本内容包裹在div中并给它一个左边距。 Outlook出于某种原因不喜欢填充。另外，由于Outlook 2007和2010可能使用Word作为渲染引擎，因此它将忽略某些样式，例如background-image（背景位置），但它会接受`bgcolor'和'background-color'。

测试Outlook 2007/2010最快捷的方法是在MS Word中打开它。它应该接近那些Outlook版本中显示的内容。不知道是什么原因导致=E2=80=9D。

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

来源

2012-04-25 02:15:24 Krazer

[有一个新的'黑客'包括背景图像]（http://www.campaignmonitor.com/blog/post/3363/updated-applying-a-background-image-to-html-email）在您的原始“本hack”链接中引用了相同的网站。 – 2013-01-03 20:28:02

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

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

来源

2012-10-09 20:18:33

也帮助我与Outlook 2010。好一个 – 2016-06-18 12:51:21

尝试增加的宽度到包含图像的任何TD。

例子：

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

还要确保这些图像设置为display: block。

来源

2013-05-22 20:23:45 Evan

HTML电子邮件表在Outlook 2007年破2010及

回答

相关问题