【发布时间】：2014-03-22 13:04:04
【问题描述】：
我正在创建一个 Fluid html 电子邮件。我在父表中有 2 个表。表格左侧的内容比右侧多。仅在 Outlook Desktop 中，右侧的表格将位于底部。我总是把右表对齐到顶部。如果我左侧的内容较少。它工作完美。 下面是示例 HTML 代码：
<table border="0" cellspacing="0" cellpadding="0" width="100%" style="border-collapse: collapse;" >
<tr>
<td valign="top">
<!--[if (gte mso 9)|(IE)]>
<table width="69%" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td valign="top">
<![endif]-->
<table class="col535" cellpadding="0" cellspacing="0" align="left" style="border-collapse:collapse;max-width:535px;width:100%;border-right:1px solid #aaaaaa;">
<tr>
<td class="left_column_stack" valign="top" style="padding:0 20px 0 0;vertical-align:top;">
// Very Long Text (1500 lines)
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
<!--[if (gte mso 9)|(IE)]>
<table width="25%" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table width="200" cellpadding="0" cellspacing="0" border="0" align="left" style="border-collapse:collapse;max-width:200px;width:100%;">
<tr>
<td class="right_column" valign="top" style="padding:0 0 0 20px;" >
// Small Text (250 lines)
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
JS 小提琴：http://jsfiddle.net/NrERK/
注意：它唯一的行为古怪的 Outlook 桌面。在其他地方它的工作良好。 请给我任何解决方案。
【问题讨论】：
标签： html css outlook html-table html-email