web-dev-qa-db-ja.com

OutlookのメールでDivスタイルが機能しない

電子メール用のHTMLテンプレートをDivタグを使用して作成しました。

Gmail、Yahooでうまく機能しています。

しかし、DivスタイルはOutlookでは機能しません。

以下は私が使用したコードです。

<div style="margin:auto;padding:auto;background-color:#FFFFFF;width:600px;border:0px;">
Testing Email
</div>

div width 600pxを設定したので、マージンとパディングが自動化されます。画面の中央に表示されるようにします。

しかし、そのようには機能しません。

Gmail、Yahooは画面中央にメールを表示

この問題をどのように再評価できるか提案してください。

htmlcssemailoutlook-2007email-templates
9
Sunny Patial

Divに適用されたフロートの幅と位置のCSSスタイルはOutlookでは機能しません。

これが主な理由であり、テーブルは依然として電子メールで頻繁に使用されています。

12
LiamB

Tableタグを使用して基本的なhtml構造を作成することをお勧めします。

次に、「div」タグと「td」タグを使用できます。

クールなstufのほとんどが機能しないため、メールテンプレートは面倒です：D

4
Matej Žvan

HTML電子メールは、主にOutlook Windowsでのdivサポートの制限により、主にテーブルベースです。 divはいくつかの用途に使用できますが、mobileOn/mobileOffタイプのクラスと特定のディスプレイにのみ使用することをお勧めします。

0
Richard Clifford

これは、DIVプロパティの互換性の表です（www.campaignmonitor.comから取得、LiamBの回答を参照）：

Client                  Float   Position  Margin  Width
Outlook 2003 / Express  Yes     Yes       Yes     Yes
Windows Live Hotmail    Yes     No        Yes     Yes
Yahoo! Mail             Yes     No        Yes     Yes
Outlook 2007 / 2010     No      No        Yes     No
iPhone                  Yes     Yes       Yes     Yes
Gmail                   Yes     No        Yes     Yes
Apple Mail 4            Yes     Yes       Yes     Yes
Lotus Notes 6.5 & 7     No      No        No      No
0
Niente0