
1
Why is this still breaking on Gmail Android?
Hi all, perhaps a really quick fix here but can anyone tell me why this is pushing down the right hand table in Gmail Android?...
> <body style="-webkit-text-size-adjust: none; padding: 0px; margin: 0px;" bgcolor="#D9D9D9">
> <!-- Start Framework: Top -->
> <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" style="table-layout: fixed;" bgcolor="#D9D9D9">
> <tbody>
> <tr>
> <td align="center" bgcolor="#D9D9D9"><table width="640" border="0" cellspacing="0" cellpadding="0" class="w100pc">
> <tbody>
> <tr>
> <td width="1" style="font-size: 1px; line-height: 1px;" class="w10"> </td>
> <td>
> <table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tbody>
> <tr>
> <td><!--[if gte mso 9]>
> <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td width="319">
> <![endif]-->
>
> <table width="319" class="w100pc autoh" height="286" align="left" border="0" cellspacing="0" cellpadding="0">
> <tbody>
> <tr height="343" class="autoh">
> <td bgcolor="#5b1761" height="343" class="autoh" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tbody>
> <tr>
> <td width="20"> </td>
> <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
> <tbody>
> <tr>
> <td style="padding-top: 20px; padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 24px; line-height: 27px; text-align: left; color: #ffffff; font-weight: bold;">Welcome to your weekly update of all things property, from the team at XXXXXX.</td>
> </tr>
> <tr>
> <td style="padding-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 19px; text-align: left; color: #ffffff;">Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum Lorum ipsum </td>
> </tr>
> <tr>
> <td style="padding-bottom: 20px;"><table border="0" cellpadding="0" cellspacing="0" class="emailwrapto100pc" width="200">
> <tbody>
> <tr>
> <td align="right" width="5"><img alt="" border="0" height="35" src="images/cta-lhs-blue.png" style="display: block;" width="5"/></td>
> <td align="center" bgcolor="#4793ca" class="fontsize18" style="font-family: Arial, Helvetica, sans-serif; COLOR: #FFFFFF; FONT-SIZE: 16px; line-height: 19px; vertical-align:middle;" valign="middle"><a href="http://www.google.com" style="font-family: Arial, Helvetica, sans-serif; COLOR: #ffffff;text-decoration:none; " target="_blank"><span><strong>Visit Google »</strong></span></a></td>
> <td align="left" width="5"><img alt="" border="0" height="35" src="images/cta-rhs-blue.png" style="display: block;" width="5"/></td>
> </tr>
> </tbody>
> </table></td>
> </tr>
> </tbody>
> </table></td>
> <td width="20"> </td>
> </tr>
> </tbody>
> </table></td>
> </tr>
> </tbody>
> </table>
>
> <!--[if gte mso 9]>
> </td><td width="319"
> <![endif]-->
>
> <table width="319" align="right" border="0" cellspacing="0" cellpadding="0" class="h">
> <tbody>
> <tr>
> <td><a target="_blank" href="http://www.google.com"><img style="display:block;" border="0" src="images/image2.jpg" width="319" height="343" alt="" class="w100pc autoh"/></td>
> </tr>
> </tbody>
> </table>
>
> <!--[if gte mso 9]>
> </td></tr></table>
> <![endif]--></td>
> </tr>
> <tr height="5">
> <td bgcolor="#FFBE0A" style="line-height: 1px; font-size: 1px;" height="5"> </td>
> </tr>
> </tbody>
> </table>
> </td>
> <td width="1" style="font-size: 1px; line-height: 1px;" class="w10"> </td>
> </tr>
> </tbody>
> </table></td>
> </tr>
> </tbody>
> </table>
> <!-- End Framework: Bottom -->
> <div style="display:none; white-space:nowrap; font:15px courier; color:#ffffff; line-height:0; width:640px !important; min-width:640px !important; max-width:640px !important;"> </div>
> </body>
> </html>
Just a follow-up to say I managed to fix it by reducing the width of the left hand table to 315 (rather than the original 319). Not quite sure why it didn't like 319 as I double checked the maths for the width of the email ((319 x 2) + (1 x 2) = 640 pixels). But it has fixed it! :-)