html - Table widths changing when email testing in 'Outlook 2013 DPI 120' -


i'm building email , reason table widths alter when viewing in outlook 2013 dpi 120. new email client added litmus i'm not sure how fix. have 3 tables in 1 full width table , widths changing, breaking layout. ideas how fix?

    <table align="left" border="0" cellpadding="0" class="fullwidth" style=  "padding:0px; margin:0px;border:1px #333 solid;" width="178">      <tr>          <td style="padding:20px;">              <table align="left" border="0" cellpadding="0" cellspacing="0"              width="100%">                  <tr>                      <td style="color:white;text-align:center;padding:10px 5px;font-size:13px;               font-family:gotham, 'helvetica neue', helvetica, arial, sans-serif;border-bottom:1px solid #fff;">                      <strong>a title</strong></td>                  </tr>              </table>          </td>      </tr>  </table>

it fine in every other client.

the issue due outlook scaling content larger size, forcing images , other declared items resize. can destroy layout , there nothing can change - setting client-side on subscribers computer.

your best way fix use mso conditionals wrap single table , separate each column separate td. or use td or th stack (td no longer works in android) media queries. outlook stretch table fit 2 columns, not stretch table fit 2 tables, instead force second table below first.


Comments