5 html css email-client signatures outlook-2010
我在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>
Run Code Online (Sandbox Code Playgroud)
在thunderbird和我的浏览器中它显示正确:

但是在Outlook 2010中它没有:

如果它使用IE使用的相同渲染引擎,我敢打赌它确实如此,我对这种情况并不感到惊讶.
有任何想法吗?
小智 12
电子邮件客户端不会以与浏览器相同的方式呈现html.创建HTML电子邮件时,使用表格要好得多.我知道这违反了所有现代网页设计,但它们得到了更多电子邮件客户端的支持.以下是css属性的链接以及它们所支持的客户端.
http://www.campaignmonitor.com/css/