Question

我在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和我的浏览器中，它显示正确：

enter image description here

但是在Outlook 2010中它没有：

enter image description here

如果它使用IE使用的相同渲染引擎，我打赌它确实如此，我对此情况并不感到惊讶。

有什么想法吗？

Answer 1

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

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

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

1 个答案: