5

私は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 が使用するのと同じレンダリング エンジンを使用している場合は、おそらく使用していると思いますが、これが起こっていることにあまり驚かないでしょう。

何か案は？

4

1 に答える 1

14

電子メール クライアントは、ブラウザーと同じ方法で html をレンダリングしません。HTML メールを作成するときは、テーブルを使用する方がはるかに優れています。これがすべての最新の Web デザインに反することはわかっていますが、より多くの電子メール クライアントでサポートされています。css プロパティへのリンクと、それらがサポートされているクライアントを次に示します。

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

于 2013-01-22T14:16:30.577 に答える