Office 365 のメールダイジェストの CSS に関するヘルプ

こんにちは。以前にも同じような質問があったはずだと感じるのですが、長らく探しても何も見つかりませんでした。

問題点は、私のサイトのユーザーの90%がOutlookを使用しており、サイトからのすべてのメールの表示が両側にひどいボーダーが表示されてしまうことです。これらは以下のようなものです:

これはプレビューでの表示と対照的です:

フォーラムを読み、メタフォーラムのスタイルをコピーしてみましたが、まったく機能しませんでした:

私が目指しているのは、Outlookで絶対に問題なく動作する、ごく一般的なダイジェストメールです。これを実現した方がおり、コピーできるコードをお持ちの方はいらっしゃいますか?

ご支援を心よりお待ちしております!

Outlook のバージョンはどれですか?バージョンによって大きく異なります。

一般的に、ご説明いただいている程度にメールをオーバーライドすることはできません。合理的な CSS/HTML のサポートを前提としていますが、残念ながら Outlook の実績は… ほぼ病的なほど酷い です。

そのように心配していました。メールが汎用的なものに上書きされることを期待していました。Outlook によると、これは 2002 年版です。! image|527x92

なるほど。確認してみましょう。もしかしたら最近のものかもしれません。はい、Office 365 です:

2020 年 3 月 5 日
バージョン 2002 (ビルド 12527.20278)

Outlook(Windows の実行ファイル)の HTML/CSS エンジンがこれほど後退しているのは残念です。ユーザーの皆様が、outlook.com のウェブ版でメールを確認することは可能でしょうか?

ユーザーがどのようにメールにアクセスするかは私には制御できません。多くのユーザーがクライアントではなくウェブ版を利用していることを願っていますが、そのデータにはアクセスできません。

ご返信ありがとうございます。私にできることはほとんどなさそうですね。

私の夢は、世の中のあらゆる問題のある HTML/CSS エンジンでも動作するような、非常に素朴なダイジェストメールテンプレートのバージョンが存在することです。

そのようなものは実現する可能性はあるでしょうか?もしないとしても、よく理解できます。

はい、これは既知の問題です。私はここで調査しました:https://meta.discourse.org/t/new-discourse-user-activity-summary-digest-email-weird-format-in-outlook/138701/8。

これは解決可能な問題ですが、メールにCSSを適用するだけでは修正できません。今週末までに、この問題を修正するためのPRを作成できるよう尽力いたします。

どうやら最近の Outlook ではしばらく前から問題が起きているようなので、@simon さん、何か調整していただければ幸いです。