Html電子メール - Outlook 2010 - テーブルの整列の問題

Question

2つのテーブルをそれぞれ30％のままにしておくと、応答が100％になり、互いの下にスタックするようになります。

問題は、下のスクリーンショットのように、2番目のスクリーンショットの上部に隙間があり、それがなぜわからないのですか？

コードの私のスニペットは、同様に同じスクリーンショットからのコード、背景色が欠落しているとフォントのようには見えませんここ

<table border="0" cellpadding="0" cellspacing="0" width="100%"> 
    <tr> 
     <td align="center" valign="top" class="fullWidth" style="padding-left:30px;padding-right:30px;"> 
     <!-- CONTENT TABLE // --> 
     <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth"> 
       <tr> 
        <td valign="top" class="topTen">                          <p><span>1</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>2</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>3</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>4</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>5</span> FIRST AND LAST NAME</p> 
                      <hr> 
                     </td> 
                    </tr> 
                   </table> 
                   <!-- // CONTENT TABLE --> 
                   <!-- CONTENT TABLE // --> 
                   <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth"> 
                    <tr> 
                     <td valign="top" class="topTen"> 
                      <p><span>6</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>7</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>8</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>9</span> FIRST AND LAST NAME</p> 
                      <hr> 
                      <p><span>10</span> FIRST AND LAST NAME</p> 
                      <hr> 
                     </td> 
                    </tr> 
                   </table> 
                   <!-- // CONTENT TABLE --> 
                  </td> 
                 </tr> 
                </table> 

Outlook 2010 - Screenshot

Answer 1

です。あなたがする必要がある場合は、ゴーストの列の幅を変更することができます

<table border="0" cellpadding="0" cellspacing="0" width="100%"> 
 
    <tr> 
 
     <td align="center" valign="top" class="fullWidth" style="padding-left:30px;padding-right:30px;"> 
 
     <!-- CONTENT TABLE // --> 
 
     <table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth"> 
 
       <tr> 
 
<td valign="top" class="topTen">                           \t <p><span>6</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>7</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>8</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>9</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>10</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t </td> 
 
\t \t </tr> 
 
\t </table> 
 
\t <!-- // CONTENT TABLE --> 
 
\t <!--[if (gte mso 9)|(IE)]> 
 
</td><td align="left" valign="top" width="50%"> 
 
<![endif]--> 
 

 
\t <!-- CONTENT TABLE // --> 
 
<table align="left" border="0" cellpadding="0" cellspacing="0" width="30%" class="tableFullWidth"> 
 
\t \t <tr> 
 
\t \t \t <td valign="top" class="topTen"> 
 
\t \t \t \t <p><span>6</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>7</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>8</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>9</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t \t <p><span>10</span> FIRST AND LAST NAME</p> 
 
\t \t \t \t <hr> 
 
\t \t \t </td> 
 
\t \t </tr> 
 
\t </table> 
 
\t <!-- // CONTENT TABLE --> 
 
</td> 
 
</tr> 
 
</table>

：いずれかの方法で、私は以下のコードを試してみてください、あなたが整列するテーブル間のゴーストの列が必要だと思います。あなたがどう行くか教えてください。