HTML電子郵件 - 展望條件格式

Question

我有我努力使Outlook看起來正確的一個負責任的電子郵件。

我有以下的HTML應該把2桌旁邊對方，但它是堆疊它們ontop的對方。

我使用...

<!--[if (gte mso 9)|(IE)]> 

目標的前景，但它似乎忽略了這一點。它也忽略了我在樣式標籤中的最大寬度調用。

任何想法，爲什麼發生這種情況？

<tr> 
    <td class="innerpadding "> 
     <!--[if (gte mso 9)|(IE)]> 
     <table width="360" align="left" cellpadding="0" cellspacing="0" border="0"> 
      <tr> 
      <td> 
     <![endif]--> 
     <table class="col400" align="left" border="0" cellpadding="0" cellspacing="0" style="width:100%;"> 
     <tr> 
      <td> 
      <img src="Dog.png" alt="Dog Image" width="95%" border="0" style="width:95%;max-width:360px;"/> 
      </td> 
     </tr> 
     </table> 
     <!--[if (gte mso 9)|(IE)]> 
      </td> 
      </tr> 
     </table> 
     <![endif]--> 

     <!--[if (gte mso 9)|(IE)]> 
     <table width="240" align="right" cellpadding="0" cellspacing="0" border="0"> 
      <tr> 
      <td> 
     <![endif]--> 
     <table class="col240" align="left" border="0" cellpadding="0" cellspacing="0" style="width:100%;"> 
     <tr> 
      <td> 
      <span style="font-family:Arial, Helvetica, sans-serif;font-size:38px;color:#f4911c;">Text Here</span> 
      <span style="font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#555557;display: block;font-style: italic;padding-top: 10px;line-height: 22px;">Text Here</span> 
      </td> 
     </tr> 
     </table> 
     <!--[if (gte mso 9)|(IE)]> 
      </td> 
      </tr> 
     </table> 
     <![endif]--> 


    </td> 
    </tr> 

Answer 1

嘗試在你的容器表設置width=""值。另外加入align="left"可能有幫助。在過去，我發現Outlook即使是對齊/浮動的子元素也需要。

如果不工作，只是爲了測試，嘗試增加頂部填充和不同的bgcolor你有條件地隱藏表，看它們是否觸發與否。這將有助於診斷，如果它是有條件的破壞或其他什麼東西......