2013-04-17 2 views
0
<div align="center" style="background:#bfcfe4;"><font face="Arial, Helvetica, sans-serif" style="font-size: 13px;"><br /><div style="width:666px; background-color:#ffffff; margin:10px auto 40px; padding:10px 34px 34px;"><table width="670" cellspacing="0" cellpadding="0" border="0" bgcolor="#ffffff" style="font-family: Arial,Helvetica,sans-serif; font-size: 12px; color:#000000;"><tr><td>some html here...</td></tr></table></div></div> 

enter image description hereDiv обивка/цвет фона не работает в мировоззрении

Верхняя картинка из браузера (ов), а нижний составляет от мировоззрения. Как вы видите, прокладка в нижней части не работает. Я не знаю, почему это происходит, пожалуйста, помогите.

+0

Использование таблиц не divs. – samanthasquared

+0

Этот шаблон был предварительно создан и применяется более 200 раз на сайте, и все 200 шаблонов электронной почты необходимо отредактировать вручную, чтобы это было не то, что клиент не согласился. Есть ли вероятность, что это может быть исправлено для перспективы? Все браузеры, включая IE, отображают адрес электронной почты по мере необходимости, но только в Outlook есть эта проблема. – AnAspiringCanadian

ответ

6

Есть несколько дурацких вещей происходит в вашем коде. Это, вероятно, одна из этих 3-х вопросов:

  • запас (вы должны избегать маржи в электронной почте, есть пятнистый поддержка)
  • недостающее четвёртое значение для вашего дополнения (Outlook можно рассматривать его как 0, в результате чего нет прокладка с левой стороны)
  • Ваша ширина не складывается. Div должен быть шириной вашей таблицы + левая прокладка + правая прокладка.

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

+1

Спасибо за проницательное наблюдение за кодом. Я удалил поля и добавил вложенные таблицы, и он решил все проблемы. – AnAspiringCanadian

1

Теперь привык к этому только для внешнего вида

<div style="padding-left:34px;padding-right:34px;padding-top:10px;" bgcolor="#bfcfe4"> 
+1

Тег Div не имеет атрибута bgcolor. Исправьте меня, если я ошибаюсь. – AnAspiringCanadian

+0

Используйте стиль = "background-color: #ffffff;" для divs. – John

+1

Для тех, кто читает это - тег div поддерживает CSS-фон-цвет, но не поддерживает «высоту» - это уменьшило меня до –

Смежные вопросы