2 つのサイズのブロックと 1 つのサイズのブロックを含む交互の行を持つ電子メール テンプレートを完成させました。
[--][-]
[-][--]
[--][-]
[-][--]
ソース コードを Outlook から保存し、ブラウザーで開きました。そのため、問題を次のコード領域に絞り込むことができました (自動生成 - 古い仲間、Outlook!)。
// EXAMPLES OF THE LAST TWO ROWS
<tr>
<td></td>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"></td>
<td></td>
</tr>
<!--[if !supportMisalignedColumns]-->
<tr height="0">
<td width="256" style="border:none"></td>
<td width="198" style="border:none"></td>
<td width="256" style="border:none"></td>
</tr>
<!--[endif]-->
これらのtd
要素の幅が原因で、全体table
が正しい寸法を失います。Firefox でこれらの行を消去すると、table
完全にレンダリングされます。
マークアップを変更することでこの動作を防ぐ可能性はありますか? tr
とにかくOutlook がこれを追加するのはなぜですか?