2013-07-02 97 views
0

我編碼一個HTML電子郵件,但我運行與下面的HTML的一個問題:HTML電子郵件​​身高問題

<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糟透了。我知道你可以刪除所有的「寬度」標籤,因爲你在「樣式」標籤中聲明瞭元素的寬度。這對您的問題沒有任何解決方案,但它使您的代碼看起來更好。 – ian

回答

0

把你的2個空表格單元格&nbsp;

Explorer/Outlook已知可摺疊空表格單元,由於某些原因,該單元格會阻止行的其餘部分進行渲染。