Работая над электронной почтой в формате HTML, мы получили письмо для правильного отображения везде: Outlook 2010, Mozilla Thunderbird, Horde / IMP, Gmail, Yahoo и т. Д. И т. Д. Однако, когда электронная почта проверяется через Outlook Web App (Exchange 2010), электронная почта HTML иногда отображается неправильно.
Две проблемы, которые мы наблюдаем, заключаются в том, что в Internet Explorer и Firefox встроенные директивы CSS размера шрифта не соблюдаются, а в Firefox между ячейками таблицы возникает разрыв, разрушающий изображение. Это происходит только тогда, когда сообщение НЕ находится в папке «Входящие». Если перетащить сообщение из папки в папку «Входящие», проблемы исчезнут. Перетащите его обратно в папку, и они появятся снова. Если мы откроем сообщение в новом окне (а не на панели предварительного просмотра), сообщение будет правильно отображено.
Я предполагаю, что CSS Outlook Web App мешает, но я надеюсь, что у кого-то была похожая проблема, и он мог бы пролить некоторый свет на то, как мы можем решить эту проблему.
Вот соответствующий источник сообщений, как видно на клиенте:
<html>
<head>
<style>a{color:#BF0005}</style>
</head>
<body bgcolor="#F5F5F5" style="margin:0;text-align:center">
<table cellpadding="0" cellspacing="0" style="width:604px;margin:0 auto;font-family:Tahoma,sans-serif;font-size:10pt;line-height:16pt">
<tr>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:2e39cc62f2ab417d1b9461b437c72ffc" width="10px" height="410px" /></td>
<td style="padding-top:10px;margin-bottom:0;vertical-align:bottom;width:584px;height:84px"><img style="vertical-align:bottom" src="cid:5ed2b7dfeca322e0d1e0b40bd3a0a48d" width="584px" height="84px" alt="Image Alternate Text Here" /></td>
<td rowspan="3" style="vertical-align:top;width:10px"><img src="cid:6f108f42f85401cababf9d5dc64fb8f9" width="10px" height="410px" /></td>
</tr>
<tr>
<td style="vertical-align:top;text-align:left;background-color:#FFF;padding:0 50px 40px">
<h1 style="text-align:center;margin-top:15px;font-size:12pt">Header</h1>
<p>This is a test email.</p>
</td>
</tr>
<tr>
<td colspan="3" style="padding:30px 50px;font-size:8pt;text-align:center;color:#888888;line-height:10pt">Footer text</td>
</tr>
</table>
</body>
</html>
РЕДАКТИРОВАТЬ: Я немного покопался в источнике с помощью Firebug, и я думаю, что сузил его до проблемы с Outlook Web App. В представлении «Входящие» тело сообщения инкапсулируется в <iframe>, а содержимое сообщения HTML остается неизменным. Однако при просмотре источника сообщений в других папках <iframe> не используется, а тег <body> сообщения преобразуется OWA в <div>. Затем сообщение включает в себя стили из таблицы стилей OWA, которые, кажется, перезаписывают встроенный стиль электронного письма в формате HTML.
Я думаю, что мы собираемся открыть билет с Microsoft.