# Outlook のアクティビティダイジェストメールの奇妙な形式

**URL:** https://meta.discourse.org/t/activity-digest-email-weird-format-in-outlook/138701
**Category:** UX
**Tags:** activity-summary
**Created:** [2020 年 1 月 15 日午後 4:42 UTC](https://meta.discourse.org/t/activity-digest-email-weird-format-in-outlook/138701 "2020-01-15T16:42:50Z")
**Posts on this page:** 1
**Showing post:** 8

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [2020 年 1 月 17 日午後 6:51 UTC](https://meta.discourse.org/t/activity-digest-email-weird-format-in-outlook/138701/8 "2020-01-17T18:51:30Z")

</div>

この問題は、サマリーメールのこのセクションを生成するマークアップにあります。これは Outlook 2019（Windows 10）のスクリーンショットです：

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/c/3c1ed29c208f3031d2a7414330c2f80fdbc9282b.png)

私はテストしたすべての Outlook のデスクトップ版（Outlook 2010〜Outlook 2019）でこの問題を確認しています。Litmus で利用可能なテストは Windows 10 で実行されます。これらの Outlook のバージョンに共通しているのは、すべて Microsoft Word を使用してメールをレンダリングしている点です。

Microsoft Word は、Discourse のマークアップに含まれる CSS の `float` ルールを処理できません。これが「いいね」数と「返信」数がアイコンの横に配置されず、アイコンの下に表示される原因となっています。垂直アライメントの問題は、レンダリングエンジンがメールの CSS を適用しようとしてマークアップに追加するいくつかの `p` 要素の結果です。Outlook はメールの CSS を再現しようとして `p` 要素にパディングを追加します。

私はこの問題に対する CSS の解決策を見つけるために時間を費やしましたが、それは不可能だと考えています。この問題を修正するには、そのセクションのメールのマークアップを変更し、CSS の代わりにテーブルを使用する必要があります。

---

_[View the full topic](https://meta.discourse.org/t/activity-digest-email-weird-format-in-outlook/138701)._