Ширина таблицы не работает в Outlook 2010
Я создал кампанию (EDM) для своего клиента, и она хорошо работает в мобильных, планшетных и современных браузерах, таких как Chrome и Safari на рабочем столе, НО она не работает в Outlook 2010 на ПК с Windows. Ширина таблицы простирается до ширины окна Outlook, поэтому макет просто сломался.
(imgs: когда он работает в Chrome / вот что происходит в Outlook 2010)
Вот код, который я использую для таблиц:
<table align="center" width="600px" cellpadding="0" cellspacing="0" border="0" table-layout="fixed" > <tbody><tr><td style="text-align:left" overflow: "hidden"></td></tr></table>
Спасибо за помощь!
2 ответа
Не определяйте ширину или высоту в строках и ячейках таблиц. Особенно строки, поскольку это недопустимый HTML. Ячейки таблицы могут иметь ширину, когда ячейка делит пространство с другой ячейкой, и ячейка должна быть ограничена определенной шириной. Ячейки могут иметь высоту, но обычно вы позволяете контенту или изображению определять это, и ячейка будет придерживаться размеров содержимого.
Вам также не хватает всей основной информации, которая требуется почтовым клиентам для корректной визуализации вашего дизайна. И вы не закрыли свой упаковочный стол. Я предлагаю протестировать на как можно большем количестве устройств и инвестировать в учетную запись на Litmus или Email на Acid для тестирования на устройствах и почтовых клиентах...
Вам нужно установить ширину и высоту в каждом <TR> а также <TD>
Перспективы ужасны с рендерингом стиля электронной почты / таблиц:(