Hotmail неправильно «растягивает» подпись HTML/CSS

Question

Я работаю над созданием подписи (CSS + HTML) на нескольких платформах и попал в стену, когда дело доходит до Hotmail. По какой-то причине, отправляя эту подпись на мой адрес Hotmail, она растягивается по вертикали. Кажется, что Hotmail по той или иной причине добавляет много белого пространства под текстом в каждой ячейке таблицы?

Проблема ясно проиллюстрирована на этом графике: http://www.madculture.es/images/test.jpg Первая подпись там - это предполагаемый выход. Я добавил границы на # 2, чтобы лучше осветить проблему. Подпись три - это то, как она выглядит, когда она получена в Hotmail! :(

Эта подпись отлично работает в Outlook, 2003-2013, Gmail, Lotus Notes, но не в Hotmail.

Кто-нибудь знает, что может быть причиной? Я невежественный, поэкспериментировав с этим в течение нескольких дней . Теперь

Вот полный код для подписи:

<div> 
<table border="1" cellspacing="0" cellpadding="1" height="50" style="font-family: Verdana, Arial, sans-serif; font-size: 1em;"> 
    <tr> 
    <td rowspan="4"> 
    <img src="mc2.png" nosend="1" width="170" height="86" /> 
    </td> 
    <td style="padding-top: 2px;"> 
    John D. Doe 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 0.85em; font-weight: bold; color: #932D1F; padding-bottom: 2px;"> 
    Marketing & analytics 
    </td> 
    </tr> 
    <tr> 
    <td style="display: block;"> 
    <a href="mailto:johnd@doe.com" style="color: #666; text-decoration: none; font-size: 0.9em;">johnd@doe.com</a> 
    </td> 
    </tr> 
    <tr> 
    <td style="font-size: 1.05em; font-weight: bold; color: #444; padding-top: 1px;"> 
    Madrid 
    </td> 
    </tr> 
</table> 
</div> 

Я надеюсь, что кто-то может помочь ...

Answer 1

Попробуйте медленно удаляя элементы и повторно Тесть на каждом этапе. В начале:

• Ваш стол имеет набор высоты, что меньше, чем основного изображения
• Использование вложенных таблиц, не rowspan для поддержки клиентов лучше по электронной почте
• Избегайте padding и использовать набор высоты вместо
• Дон «т установить td в display: block
• Добавить стиль шрифта непосредственно td с (не table), чтобы получить прогноз работает правильно