Почему в Firefox, Internet Explorer, Chrome Web Browser мой шаблон электронной почты отображается правильно, но в программе чтения электронной почты Microsoft Outlook он не работает?

У меня есть шаблон, который я использовал для отправки писем, написанных исключительно вручную, с помощью CSS, а затем я протестировал в браузере Firefox/InternetExplorer/Chrome. Но когда я отправляю это электронное письмо Моему боссу, он всегда пользователь Microsoft Outlook.

У него всегда нарушается выравнивание, тексты нарушаются, все проблемы начинаются. Мой вопрос: как ты тогда пишешь? Ни один из веб-браузеров не показывает мой шаблон неправильно.

Я много искал, но большинство ответов не очень и правильно хорошо об этом ответили. Я был бы очень признателен за вклад экспертов.

Спасибо

Источник

2 ответа

Решение

Outlook 2007 - плохой парень. Любой новее или старше намного лучше. В Outlook 2007 многие команды CSS не работают.

Смотрите эту страницу: http://www.email-standards.org/ для деталей.

Однако попробуйте отправить свои электронные письма на Gmail.com и посмотреть, как они отображаются в веб-интерфейсе Gmail - Gmail довольно ограниченный и, как правило, если он хорошо отображается, он должен хорошо выглядеть и в других веб-клиентах.

Несколько советов относительно писем в формате HTML:

  • прогноз
    • Это хорошо, чтобы обеспечить width для Outlook, в противном случае CSS может произойти сбой.
    • Outlook не поддерживает padding за <div> с / <p> s, float и другие разные вещи.
  • Gmail
    • Для Gmail вы должны использовать встроенный CSS вместо определения классов.
    • Gmail фактически анализирует предоставленный вами CSS и, например, изменения height в min-height поэтому использование высоты бесполезно. тем не мение min-height из <td> не соблюдается браузерами, поэтому внутренний <div> внутри <td> s можно использовать, чтобы убедиться, что была применена минимальная высота.
    • Gmail снимает фоновые изображения, и, как правило, во всех почтовых клиентах изображения отображаются по запросу пользователя в целях безопасности. Поэтому оберните изображения <div> и установить цвет фона и цвет этого внешнего div и предоставить alt (альтернативный текст) для изображения (обратите внимание также, что изображения с пустым src не сохраняйте ширину и высоту при визуализации браузером).
Источник

outlook использует более старую версию Trident, движка рендеринга CSS. В зависимости от того, какой Outlook ваш босс, тем хуже он может стать. Outlook 2010 фактически вернулся к более старой версии Trident из-за того, что Microsoft проиграла дело Anti-trust с ЕС, поэтому, какая бы версия не была до 2010 года, на самом деле она выглядит лучше, однако обе они довольно плохие. вы захотите буквально прекратить разработку с использованием современных html/css и вернуться к старым школьным форматам таблиц. Я знаю, это брутто, но вам придется сделать это для электронной почты. лучшие тесты являются родными, но если у вас нет доступа к обеим версиям (не у многих), вы должны проверить EmailOnAcid.com, они предоставляют множество почтовых клиентов, на которых вы можете протестировать. constantcontact.com, mailchimp.com и campaignmonitor.com предлагают больше, чем услуги тестирования, если вам нужно что-то еще.

Источник
Другие вопросы по тегам