AnsweredAssumed Answered

Email Templates have Extra Spacing in Gmail

Question asked by Tiffany Thomas on Jan 21, 2019
Latest reply on Jan 22, 2019 by Grace Brebner

I've been editing the Marketo stock 2.0 templates and we keep running into an issue with spacing in gmail.

 

This is what it looks like in gmail:

This is what it looks like in outlook:

This is what it looks like in Marketo Editor 2.0:

 

This is the code:

 

<table class="mktoModule module_wrapper m_main-banners9 responsive" id="main-banners9" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace: -1pt; mso-table-rspace: -1pt;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0" mktoname="Main-banners">

<tbody>

<tr>

<td class="module responsive" style="mso-line-height-rule: exactly;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;word-break: break-word;background-image:${mainBanners9BackgroundImage};padding-left: 0;background-position: center center;background-size: cover;background-color:${mainBanners9BackgroundColor};padding-top: 0;padding-right: 0;padding-bottom: 0;background-repeat:

no-repeat;background:${mainBanners9BackgroundImage};" valign="top" bgcolor="${mainBanners9BackgroundColor}" background="${mainBanners9BackgroundImage}">

<center>

<!--[if gte mso 9]>

<v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:660px;height:393px">

<v:fill type="frame" src="${mainBanners9BackgroundImage}" color="${mainBanners9BackgroundColor}" />

<v:textbox style="mso-fit-shape-to-text:false" inset="0,0,0,0">

<div>

<div style="font-size: 0;line-height: 0;margin: 0;border: 0">

<![endif]-->

<table class="full" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace: -1pt; mso-table-rspace: -1pt; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; width: 100%;" align="center" width="100%" cellspacing="0" cellpadding="0" border="0">

<tbody>

<tr style="outline: medium none;">

<td class="spacer s0" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;mso-line-height-rule: exactly;line-height:93px;font-size:93px;" height="0"> </td>

</tr>

<tr>

<td class="contents" style="mso-line-height-rule: exactly; word-break: break-word; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none; border-collapse: collapse;">

<table class="col d100 t100 p100" style="border-spacing: 0; border-collapse: collapse; mso-table-lspace: -1pt; mso-table-rspace: -1pt; width: 600px;" align="center" width="600">

<tbody>

<tr style="outline: medium none;">

<td class="primary-font text" style="mso-line-height-rule: exactly;word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;font-size:38px;color: #ffffff;font-family:'Montserrat', Arial, sans-serif;text-align: center;">

<div class="mktoText" mktoname="Text" id="text">

<p face="font-family: Arial,sans-serif" style="text-align: left; font-family: Arial, sans-serif; color: #ffffff;">Ethics for Everyone<br /><span style="font-size: 14px; color: #ffffff;">Presented by: Jeff Havens</span></p>

</div> </td>

</tr>

</tbody>

</table> </td>

</tr>

<tr style="outline: medium none;">

<td class="spacer s2" style="word-break: break-word;-webkit-hyphens: none;-moz-hyphens: none;hyphens: none;border-collapse: collapse;mso-line-height-rule: exactly;line-height:87px;font-size:87px;" height="87"> </td>

</tr>

</tbody>

</table>

<!--[if gte mso 9]></div>

</div>

</v:textbox>

</v:rect>

<![endif]-->

 

Has anyone else had an issue like this with Gmail?

Outcomes