在Outlook 2007/2010/2013中TD的寬度被忽略

Question

我在父表中創建了2個子表。除Outlook 2007/2010/2013和2016之外，所有電子郵件客戶端的表格寬度都很好。右側列向右側移動，忽略兩側的TD寬度（5％）。任何人都可以幫我解決這個問題嗎？

下面是代碼：

`

    <!-- Second slider --> 
        <tr> 
         <td align="center" valign="top"> 
          <table class="parentTable" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;"> 
           <tr> 
            <!-- 1st column - spacing --> 
            <!-- <td valign="top" width="5%">&nbsp;</td> --> 

            <!-- 2nd column - left section --> 
            <td valign="top" width="50%"> 
             <table class="childTable" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> 
              <tr> 
               <td valign="top" width="5%" >&nbsp;</td> 
               <td width="40%"> 
                <table class="list-table_1" border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> 
                 <tr> 
                  <td valign="top" align="left" > 
                   <p class="heading_1" style="font-family: Georgia, serif;">Left Column Content 1</p> 
                  </td> 
                 </tr> 

                 <tr> 
                  <td valign="top" align="center" height="10">&nbsp;</td> 
                 </tr>  
                 <tr> 
                  <td valign="top" align="center" > 
                   <img src="" class="img-responsive" alt="" style="max-width: 100%;" /> 
                  </td> 
                 </tr> 

                 <tr> 
                  <td valign="top" align="center" height="5">&nbsp;</td> 
                 </tr> 
                 <tr> 
                  <td valign="top" align="left" > 
                   <p class="heading_2" style="font-family:Georgia, serif;">Left Column Content 2</p> 
                  </td> 
                 </tr> 
                </table> 
               </td> 
               <td valign="top" width="5%" style="border-right:1px solid #0060af;">&nbsp;</td> 
              </tr> 
             </table> 
            </td> 

            <td valign="top" width="50%"> 
             <table class="childTable" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> 
              <tr> 
               <td valign="top" width="5%" >&nbsp;</td> 
               <td width="40%"> 
                <table class="list-table_1" border="0" cellpadding="0" cellspacing="0" style="border:none;border-collapse:collapse;mso-table-lspace:0;mso-table-rspace:0;"> 
                 <tr> 
                  <td valign="top" align="left" > 
                   <p class="heading_1" style="font-family: Georgia, serif;">Right Column Content 1</p> 
                  </td> 
                 </tr> 

                 <tr> 
                  <td valign="top" align="center" height="10">&nbsp;</td> 
                 </tr>  
                 <tr> 
                  <td valign="top" align="center" > 
                   <img src="" class="img-responsive" alt="" style="max-width: 100%;" /> 
                  </td> 
                 </tr> 

                 <tr> 
                  <td valign="top" align="center" height="5">&nbsp;</td> 
                 </tr> 
                 <tr> 
                  <td valign="top" align="left" > 
                   <p class="heading_2" style="font-family:Georgia, serif;">Right Column Content 2</p> 
                  </td> 
                 </tr> 

                </table> 
               </td> 
               <td valign="top" width="5%">&nbsp;</td> 
              </tr> 
             </table> 
            </td> 
           </tr> 
          </table> 
         </td> 
        </tr> 
        <!-- Second slider ends --> 

       </table> 



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

`

感謝

Answer 1

不知道這是否會幫助你，但是我之前遇到過問題，即使有NBSP，Outlook也會忽略空表格單元格的寬度和高度。

您可以嘗試添加與背景相同顏色的下劃線，並查看是否有任何區別。一個小的透明PNG也可以工作。

另一種可能的方法是在TD上使用填充而不是指定寬度。