无法在 Outlook 中正确显示 html 电子邮件签名答案

【问题标题】：Trouble getting html email signature to display properly in Outlook无法在 Outlook 中正确显示 html 电子邮件签名
【发布时间】：2013-01-05 19:06:45
【问题描述】：

我用 html 为自己创建了一个简单的电子邮件签名，他就是代码：

<html>

<!-- Company logo goes here -->
<div id="far_left" 
    style="width: 50px; 
           height: 50px;
           float: left;
           margin-right: 10px;">
    <img src="logo.png" />
</div>

<!-- Name and occupation goes here -->
<div id="top" 
    style="height: 25px;">
    <span style="font-family: Arial, Verdana, 'Sans Serif'; font-size: 22; color: #464646;"><strong>Dean Grobler</strong>, Programmer</span>
</div>

<!-- Website link and email adress goes here -->
<div id="bottom" 
    style="font-family: Arial, Verdana, 'Sans Serif';
           font-size: 14px;
           color: #464646;
           padding: 5px;
           height: 25px;">
    <a href="http://www.deangrobler.com" style="text-decoration: none; color: #84d5f6">www.deangrobler.com</a> | 
    <a href="mailto:dean@deangrobler.com" style="text-decoration: none; color: #84d5f6">dean@deangrobler.com</a> 
</div>

在 Thunderbird 和我的浏览器中正确显示：

但在 Outlook 2010 中却没有：

如果它使用与 IE 相同的渲染引擎，我敢打赌，我不会太惊讶发生这种情况。

有什么想法吗？

【问题讨论】：

尝试用http://your.domain.com/image.path/logo.png为图片添加绝对路径
@javabeangrinder - 感谢您的提示。我可以足够快地整理图像，问题更多的是这里的布局......：\
恐怕你得再次拿出你的<table>s。希望此页面有所帮助：campaignmonitor.com/css
我认为您的布局问题与图像未加载的事实有关，因此它没有占用固定空间。即使加载，您的文本行是否落在图像下方？
是的，很抱歉，我没有仔细查看发布的 html....

标签： html css outlook-2010 email-client signatures

【解决方案1】：

电子邮件客户端呈现 html 的方式与浏览器不同。创建 html 电子邮件时，最好使用表格。我知道这与所有现代网页设计背道而驰，但它们得到了更多电子邮件客户端的支持。这是 css 属性的链接以及它们受哪些客户端支持。

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

【讨论】：

我为我目前工作的公司在 HTML 电子邮件方面做了很多工作，您可以学习许多有用的技巧。 Campaign Monitor 有我找到的关于该主题的最佳文章。
谢谢。我一直在寻找这个答案。我的 HTML 签名在 gmail Web 客户端和 Outlook App 客户端中中断。有用的链接谢谢！ :)