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
Post a Comment