web-dev-qa-db-ja.com

CSSスタイリングはOutlook2010では機能しませんか?

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;">
10
user1032254

残念ながら、OutlookはIE5互換のHTMLとほぼ同等のものをサポートしています。それは本当にひどいです。 Outlook2007でのWord2007 HTMLおよびCSSレンダリング機能 に関する詳細なMSDN記事は、Outlook2010ではあまり変更されていないと思います。

正直なところ、Outlook HTMLを希望どおりに表示することができた唯一の方法は、CSSをまったく使用せずに、ほぼHTML2の標準タグとプロパティを使用してHTMLを手動で生成することです。一部のCSSはレンダリングしますが、それは本当にヒットまたはミスです。

26
superlime

多分これは役立つかもしれません http://www.campaignmonitor.com/css/ それはテーブルであり、電子メールでサポートされているものです


編集
min|max-width|height サポートされていません

10
yunzen

http://htmlemailboilerplate.com/

私はそれをHTMLメールキャンペーンのベースとして使用しています。

そして、キャンペーンモニターに投稿されたリンクyunzenは素晴らしいリソースです。

MSDNの記事 リンクされたsuperlimeは、悲しい話を語っています。理解できない理由が何であれ、MicrosoftはOutlook2007を使用したHTMLメールの処理を10年近く戻し、2010年に修正するのに適していませんでした。

メールユーザーエージェントの残りの部分のために適切にフォーマットされたHTMLレイアウトを設計するのに苦労したので、1つの節約の回避策があります。これは、ユーザーに費やすのではなく、指示するものですmy古代のHTMLを再構築しようとしている時間:

Outlookが電子メールメッセージを読むために提供するVIEW IN BROWSERオプションを使用します。これにより、意図したとおりにHTMLが再構築されます。

2
fortboise

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>
0
Rakesh Vadnal