Почему не добавляется дно div другого div при отправке электронной почты?

Question

Я бы хотел добавить div в нижнюю часть другого div. Я тестировал этот код, и он отлично работает.

<div style="position: relative; width: 200px; height: 150px;"> 
<div style="position: absolute; bottom: 0; width: 100%; height: 50px; border: 1px solid red;"> 
</div> 
</div> 

Но когда я использую это как шаблон для отправки электронной почты, он не работает. Когда я проверяю код css в firebug, только эти стили не устанавливаются (просто: position: absolute; bottom: 0; и position: relative;), но добавляется еще один CSS-стиль. Я использую easendmail для отправки почты. Что такое проблема?

Answer 1

Email имеет очень ограниченный CSS support, на самом деле я бы никогда не использовал атрибут position вообще.

Я также избегаю использования div в пользу таблиц. Электронная почта очень отличается от сети, поэтому вы должны провести некоторое исследование, прежде чем слишком глубоко входить в проблемы с вещами, которые не работают.

Вот 3 ресурсы, чтобы получить Вас до скорости:

http://www.reachcustomersonline.com/how-to-code-html-email-newsletters-all-new-version/

http://www.campaignmonitor.com/resources/will-it-work/guidelines/

http://www.sitepoint.com/code-html-email-newsletters/