2015-03-13 87 views
0

在我提前給自己貢獻自己的意見之前,我要承諾犯罪分子的基本罪行並請求您提供某些東西,請接受無保護的道歉。在Outlook中未正確顯示的響應HTML郵件表

但是在我的防守中,Outlook讓我受苦。

這裏是我的代碼:

<table class="100p" border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" > 
 
    <tr> 
 
     <td align="center" valign="top"> 
 
      <table align="left" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="leftColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="leftColumnContent"> 
 
         <h1>Left Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
\t \t \t 
 
\t \t \t 
 
\t \t \t <table align="right" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="rightColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="rightColumnContent"> 
 
         <h1>Right Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 

 
     </td> 
 
    </tr> 
 
</table> 
 
<br>

我的問題是,在瀏覽器和非Outlook電子郵件客戶端內表的內容顯示在在線或堆疊取決於屏幕尺寸。

但是,Outlook中並非如此。我的「右欄」顯示在我的「左欄」下方,並與右欄對齊。

我能做些什麼來使Outlook一致?

如果這是一個重複發生的問題,謝謝並再次對不起,我明白它可能會令人討厭!

約瑟夫

回答

0

你有一列兩個表。結束第一表與</td><td>到2和表分離成不同的列

<table class="100p" border="0" cellpadding="0" cellspacing="0" width="600" id="templateColumns" > 
 
    <tr> 
 
     <td align="center" valign="top"> 
 
      <table align="left" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="leftColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="leftColumnContent"> 
 
         <h1>Left Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
     <td> 
 
      <table align="right" border="0" cellpadding="10" cellspacing="0" width="300" class="templateColumnContainer"> 
 
       <tr> 
 
        <td class="rightColumnContent"> 
 
         <img class="emailImage" src="http://placekitten.com/g/480/300" width="280" style="max-width:280px;" /> 
 
        </td> 
 
       </tr> 
 
       <tr> 
 
        <td valign="top" class="rightColumnContent"> 
 
         <h1>Right Column</h1> 
 
         Lorem ipsum dolor sit amet. 
 
        </td> 
 
       </tr> 
 
      </table> 
 
     </td> 
 
    </tr> 
 
</table> 
 
<br>

相關問題