Min Width Nested Table HTML Email -


code works fine in gmail , apples mail client outlook driving me crazy.

<table cellpadding="0" width="600" align="center" valign="top" style="padding-bottom:10"            style="min-width:600px;"> <tr> <td>     <span style="font-family:tahoma; background-color:#81daf5; font-size:35px;"><i>text</i>      </span> </td> <td> <table align="right"> <tr> <td align="right"> <span style="background-color:#ffffff; font-size:14px; font-family:verdana, geneva,   arial, helvetica, sans-serif"><i>text</i></span> </td> </tr> <tr> <td align="right"> <span style="background-color:#ffffff; font-size:14px; font-family:verdana, geneva, arial, helvetica, sans-serif"><i>text</i></span> </td> </tr> </table> </td> </tr> </table> 

i want entire table have min width of 600px in outlook text begins wrap when shrink window size.

min-width isn't supported outlook.

you have span , table sitting within table cell. use different cells each part. basic example:

<table width="100%" border="0" cellpadding="0" cellspacing="0">   <tr>     <td align="center">       <!-- center panel -->       <table width="600" border="0" cellpadding="0" cellspacing="0">         <tr>           <td width="400">             <span style="font-family:tahoma; background-color:#81daf5; font-size:35px;">               <i>text</i>             </span>           </td>           <td width="200" style="font-size:14px; font-family:verdana, geneva, arial, helvetica, sans-serif">             <!-- nested stack 2 rows, use br's or rowspans if preferred -->             <table width="100%" border="0" cellpadding="0" cellspacing="0">               <tr>                 <td align="right">                   <i>text</i>                 </td>               </tr>               <tr>                 <td align="right">                   <i>text</i>                 </td>               </tr>             </table>           </td>         </tr>       </table>     </td>   </tr> </table> 

Comments