2013-07-02 2 views
0

я кодирование HTML электронной почты, но я столкнулся с проблемой со следующей HTML:HTML электронной <td> высоты вопрос

<table width="510" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td colspan="7" width="30" valign="top"><img src="http://www.dmxs.nl/upc/Luiaard/UPC5_08.jpg" alt="Voor slecht € 28,20 per maand" style="display:block;" border="0" /></td> 
    <td rowspan="2" width="455" bgcolor="#fff209" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;" align="left"><span style="font-size:14px;"><strong>Titel</strong></span><br /><br /> 

<strong>- kop 1</strong><br /> 
<strong>- kop2</strong><br /> 
     <span style="margin-left:20px;">• mini1<br /> 
     </span> 
     <span style="margin-left:20px;">• mini2<br /> 
     </span> 
     <span style="margin-left:20px;">• mini3<br /> 
     </span> 
<strong>- kop3<span style="text-decoration:none;"></span></strong><br /> 
<br /> 
<a href="####" style="border:none; text-decoration:none;"><img src="http://www.dmxs.nl/upc/Luiaard/UPC4_14.jpg" alt="" border="0" width="141" /></a></td> 
    <td colspan="6" width="25" height="72" valign="top"><img src="http://www.dmxs.nl/upc/Luiaard/UPC5_10.jpg" alt="Voor slecht € 28,20 per maand" style="display:block;" border="0" /></td> 
    </tr> 
    <tr> 
    <td width="5" bgcolor="#e7e7e8" style="font-size:1px; width:5px;">&nbsp;</td> 
    <td width="1" bgcolor="#e7e7e8" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#dededf" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#cbcbcc" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#b0b0b1" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#8b8b8b" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="20" bgcolor="#fff209"></td> 
    <td width="20" bgcolor="#fff209"></td> 
    <td width="1" bgcolor="#8f8e81" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#adadae" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#cacacb" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#ddddde" style="font-size:1px; width:1px;">&nbsp;</td> 
    <td width="1" bgcolor="#e6e6e7" style="font-size:1px; width:1px;">&nbsp;</td> 
    </tr> 
</table> 

В Chrome и Firefox это прекрасно работает, однако в Internet Explorer следующей части айн (не показано).

<td width="5" bgcolor="#e7e7e8" style="font-size:1px; width:5px;">&nbsp;</td> 
     <td width="1" bgcolor="#e7e7e8" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#dededf" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#cbcbcc" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#b0b0b1" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#8b8b8b" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="20" bgcolor="#fff209"></td> 
     <td width="20" bgcolor="#fff209"></td> 
     <td width="1" bgcolor="#8f8e81" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#adadae" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#cacacb" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#ddddde" style="font-size:1px; width:1px;">&nbsp;</td> 
     <td width="1" bgcolor="#e6e6e7" style="font-size:1px; width:1px;">&nbsp;</td> 

У кого-нибудь есть решение этой проблемы (и нет, мы не можем установить статичность по высоте)?

Fiddle example.

+0

Я не знаю ответа на ваш вопрос, потому что я не использую IE. IE отстой. Я знаю, что вы можете удалить все «width» -tags, потому что вы объявили ширину элементов в вашем «стиле» -tag. Это не решение вашей проблемы, но это делает ваш код выглядеть лучше. – ian

ответ

0

Положите &nbsp; в ваших 2 пустых ячеек таблицы.

Проводник/Outlook, как известно, разрушают пустые ячейки таблицы, что почему-то предотвращает рендеринг остальной части строки.

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