Работая над электронным письмом в формате HTML, мы добились того, что электронное письмо будет правильно отображаться везде: Outlook 2010, Mozilla Thunderbird, Horde / IMP, Gmail, Yahoo и т. Д. ), электронное письмо в формате 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.