Outlookでスタイリングを使用すると、機能しません。
どうすれば修正できますか?私はこのスタイルコードについて話している:
<div id="BodyID" Style=" Word-spacing:2px; min-width:0px; min-height:0px;max-width:693px; max-height:490px; height:485px; background-color:#f4f4f4; border:1px solid #e4e4e4; font-family:Arial;">
残念ながら、OutlookはIE5互換のHTMLとほぼ同等のものをサポートしています。それは本当にひどいです。 Outlook2007でのWord2007 HTMLおよびCSSレンダリング機能 に関する詳細なMSDN記事は、Outlook2010ではあまり変更されていないと思います。
正直なところ、Outlook HTMLを希望どおりに表示することができた唯一の方法は、CSSをまったく使用せずに、ほぼHTML2の標準タグとプロパティを使用してHTMLを手動で生成することです。一部のCSSはレンダリングしますが、それは本当にヒットまたはミスです。
多分これは役立つかもしれません http://www.campaignmonitor.com/css/ それはテーブルであり、電子メールでサポートされているものです
編集min|max-width|height
サポートされていません
http://htmlemailboilerplate.com/
私はそれをHTMLメールキャンペーンのベースとして使用しています。
そして、キャンペーンモニターに投稿されたリンクyunzenは素晴らしいリソースです。
MSDNの記事 リンクされたsuperlimeは、悲しい話を語っています。理解できない理由が何であれ、MicrosoftはOutlook2007を使用したHTMLメールの処理を10年近く戻し、2010年に修正するのに適していませんでした。
メールユーザーエージェントの残りの部分のために適切にフォーマットされたHTMLレイアウトを設計するのに苦労したので、1つの節約の回避策があります。これは、ユーザーに費やすのではなく、指示するものですmy古代のHTMLを再構築しようとしている時間:
Outlookが電子メールメッセージを読むために提供するVIEW IN BROWSERオプションを使用します。これにより、意図したとおりにHTMLが再構築されます。
3列のテーブルを追加してみてください。下のリンク例をクリックしてください。
例: リンク
<table border="0" cellspacing="0" width="100%">
<tr>
<td></td>
<td width="400">
<table border="1" cellspacing="0" width="100%">
<tr>
<td>
Content here...
</td>
</tr>
</table>
</td>
<td></td>
</tr>
</table>