Outlook 2010中顯示

我設計的HTML通訊我碰到的這個問題的表格單元格之間的間距不一致：Outlook 2010中顯示

alt text

正如你所看到的，將cellspacing是完全不正常的：有不應該（和不能）是左右列的行之間的空格。我不知道罪魁禍首可能是什麼，任何想法將不勝感激！

下面是相關的源代碼：

<table width="740" cellpadding="0" cellspacing="0" border="1"> 
<tr> 
    <td colspan="3"> 
     <img src="top.jpg" width="740" height="53"> 
    </td> 
</tr> 
<tr> 
    <td colspan="3" height="200" valign="top" id="headerCell"> 
     <img src="header.jpg" width="740" height="200" alt="Headerbild"> 
    </td> 
</tr> 
<tr> 
    <td> 
     L 
    </td> 
    <td valign="top" width="600" bgcolor="#ffffff"> 
     CONTENT 
    </td> 
    <td> 
     R 
    </td> 
</tr>

來源

2010-08-20 wagi

這裏有點難以分辨什麼是歪斜。左邊和右邊的列是不是延伸到頂端，是問題所在？ – 2010-08-20 10:28:23

我試圖澄清這個問題：在左右列中的行之間不應該有空格。 – wagi 2010-08-20 10:33:13

我們在屏幕截圖中看到了什麼，'top.jpg'還是'header.jpg'？ – 2010-08-20 10:38:59

我終於找出是什麼導致了這種間距：在中心單元格上設置的padding-top，導致左右單元格的上邊緣與中心單元格的內容頂部保持齊平。

來源

2010-08-24 11:12:36 wagi

的HTML看起來好像沒什麼問題。你有沒有嘗試消除不必要的空白？這可能是一個可能的原因（也請記住偉大的IE6，它有空白問題）。

電子郵件客戶端中的HTML呈現引擎只是可怕的。我不得不設計一些時事通訊，它吸引了很多時間。這是一個nice collection of tips，也許它會有所幫助。

來源

2010-08-20 10:44:16

Outlook 2010中顯示

回答

相關問題