Поддержание размещения содержимого HTML в ENewsletters

Question

Как мне получить содержимое html, чтобы оставаться в относительном положении и формате от одного браузера/электронной почты к другому? При разработке электронных рассылок формат выглядит по-разному на одном сервере электронной почты, чем в другом (при тестировании на два моих письма).

Пример: когда я открываю письмо в своем gmail, заполнение вокруг изображений происходит там, где я его хочу, но при открытии его в моей работе Outlook, отступы практически отсутствуют.

Пример: шрифт отображается в соответствии с таблицей стилей в Outlook, но изменяется в gmail.

Как я могу закрепить таблицу стилей и положение, чтобы сохранить внешний вид постоянным?

Answer 1

Почтовые клиенты, как известно, ужасны при рендеринге HTML (особенно Outlook и Lotus Notes). Обычно вы пишете искалеченный HTML с встроенными стилями CSS. Это не улучшится в near future.

Сделайте свой проект максимально простым, и у вас будет меньше проблем, чтобы он выглядел правильно на многих клиентах. Фактические рекомендации по написанию HTML будут зависеть в основном от того, на каких клиентах вы планируете поддерживать.

Некоторые полезные статьи, которые дают представление общих решений для проблем электронной почты рендеринга HTML:

• Article at A List Apart
• Guide at ReachCustomersOnline

Есть несколько простых веб-сервисов, которые могут проверить свой бюллетень на несколько клиентов и дать вам скриншоты результатов. Они, как правило, стоит денег:

• Litmus
• MailChimp
• CampaignMonitor