css - Outlook で表の幅が大きすぎる

Question

電子メール チラシを作成していますが、Outlook によって 2 つの列が必要以上に広くなります。

私のチラシは、2 つの列に分割された 1 つのテーブルと、各列に 1 つずつ、2 つのネストされたテーブルで構成されています。この方法で作成したので、ネストされたテーブルの 1 つを他のレイアウトに影響を与えずに編集できます。

Outlook で表示したときに発生した問題の画像を次に示します。テキストが赤い線の位置にある必要があるため、フライヤーに沿って配置されていることがわかります。

これが Outlook での表示方法です。

これが私のFiddleです。

<table id="father" width="700" border="0">
  <tr>
    <td height="666" align="left" id="column1" style="border: solid 0 #E0E0E0; border-right-width:1px;  margin-bottom:10px">

...

</table>

幅を確認したので、何が問題を引き起こしているのかわかりません。<table>のOutlook がおかしいことはわかっています

Answer 1

問題を修正しました。追加した：

table.father {
table-layout:fixed; 
}

table.father td { 
overflow: hidden; 
}

これにより、テーブルが外側に押し出されるのを防ぎます。