2013-09-17 18 views
0

Я пытаюсь настроить письмо для gmail. Большинство из них отображаются просто отлично, но Gmail отказывается отображать оболочку div, по-видимому. У меня был очень похожий обертку работать до, так что я не могу понять, где эта проблема исходит от:Gmail email styling, wrapper div не отображается

<div style=\"border: 1px solid black; width: 595px; height: 842px; background-color: white; border-radius: 10px; text-align: center; padding-top: 6px;\">AAA</div> 

(В \»кавычки для PHP)

Gmail, кажется, полностью удалить оболочку и дисплей и div без стиля.

+0

Убедитесь, что ваш HTML-код действителен на 100%, и все закрыто правильно. –

ответ

3

Лучше всего использовать таблицы для html-email. Divs и css при применении к divs имеют непоследовательную поддержку для почтовых клиентов, особенно Gmail, что, вероятно, вызывает проблемы.

Ваш html-код должен выглядеть следующим образом:

<table width="595" height="842" align="right" bgcolor="#FFFFFF" border="0" cellpadding="0" cellspacing="0" style="border: 1px solid black; border-radius: 10px; padding-top: 6px;"> 
    <tr> 
    <td> 
     AAA 
    </td> 
    </tr> 
</table> 

Обратите внимание, что во многих местах я использовал старые html-методы вместо css. Это лучший способ для html-email.

+0

Спасибо, используя таблицу действительно работает намного лучше. У меня только одна проблема. Мой текст находится в центре ячейки. Я бы хотел, чтобы он был наверху. Установка valign = "top" в теге или вертикальное выравнивание: верх; в стиле не имеет эффекта (по крайней мере, в gmail). Как я могу получить текст для отображения в верхней части ячейки? – Juicy

+0

Используйте 'valign =" top "' в теге '', который содержит текст. – John

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