Таблицы электронной почты в формате HTML повреждены в Outlook 2007 и 2010 - PullRequest
Новая
       58

Таблицы электронной почты в формате HTML повреждены в Outlook 2007 и 2010

1 голос
/ 16 февраля 2012

У меня есть шаблон электронной почты, который отлично работает в большинстве почтовых клиентов (или, по крайней мере, приемлемо), но полностью ломается в Outlook 2007 и Outlook 2010.

Мне известно, что в этих версиях Outlook вместо IE используется движок рендеринга Word.

Я слышал об ошибке разрыва страницы Outlook, но, похоже, она влияет только на расстояние по вертикали. Моя проблема в горизонтальном интервале.

Код: http://jsbin.com/alagih/edit#html,liveb

Результаты теста для всех основных почтовых клиентов: http://artletic.createsend.com/screens/y/F2B9C33F1297A73F

Скриншот Outlook 2007: Outlook 2007 screenshot

Ответы [ 3 ]

5 голосов
/ 10 октября 2012

Я обнаружил, что специально для электронных писем в формате HTML в Outlook 2007 вы должны установить параметры ширины как в теге, так и во встроенном CSS.

, например, <td width="150px" style="width: 150px;">

2 голосов
/ 23 мая 2013

Попробуйте добавить ширину к любому тд, который содержит изображение.

Пример: 

<td width="150">
    <img src="/img/image.jpg" width="150" height="150">
</td>

Также убедитесь, что для этих изображений установлено значение display: block.

1 голос
/ 25 апреля 2012

Вы никогда не устанавливаете ширину таблицы, содержащей ваше тело сообщения.

Он установлен на <table border="0" width="">

Что касается вашего изображения "franco.jpg", похоже, что Outlook игнорирует встроенное поле для тега img.Попробуйте создать таблицу из двух столбцов для своего содержимого и либо оберните изображение в элемент div, добавьте к нему правое поле, либо оберните текстовое содержимое в элемент div и оставьте левое поле.Outlook почему-то не любит отступы.

Кроме того, поскольку Outlook 2007 и, вероятно, 2010 год используют Word в качестве движка рендеринга, он будет игнорировать определенные стили, такие как background-image (также background-position), однако он будет принимать `bgcolor 'и' background-color '.

Самый быстрый способ проверить Outlook 2007/2010 - открыть его в MS Word.Он должен отображаться близко к тому, что будет отображаться в этих версиях Outlook.

Не уверен, что является причиной =E2=80=9D.

Если вам действительно нужно использовать фоновые изображения, попробуйте this hack .

...