0

I'm designing a responsive email, and I have two tables in one <td>. The second table is not top aligned in Outlook 2007 and 2010:

ここに画像の説明を入力

Both tables inside a td have a pixel width but rest of the tables inside these two tables have width=%.

I tried align left and right, as well as style="mso-table-lspace:0;mso-table-rspace:0;" but it's still not working.

4

1 に答える 1

0

私は同じ問題に遭遇しました。これは、Outlook が Word を使用して HTML をレンダリングし、Word が混乱して改ページが発生したことが原因であると思われます。

親テーブルのセル内に各テーブルを配置することをお勧めします。次に、スタイルを親テーブルのセルに適用します。「float」は、通常、電子メールの HTML で使用するのは不適切ですが、メディア クエリ内にあるため、安全に使用できることを意味します。

CSS: 

@media only screen and (max-width: 500px) {  
  .floatLeftResponse{
    width:100% !important;
    float:left;
  }
}

HTML:

<table width="800" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#FFFFFF">
  <tr>
    <td width="50%" valign="top" class="floatLeftResponse">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
        <tr>
          <td> <!---bla bla bla this is your left column content-->
          </td>
        </tr>
      </table>
    </td>
    <td width="50%" valign="top" class="floatLeftResponse">
      <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff">
        <tr>
          <td> <!---bla bla bla this is your right column content-->
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
于 2013-03-29T19:17:35.487 に答える