Outlook Email Not Rendering Correctly on Desktop Only
Hi all,
I'm using a Marketo Email template and modules to create an email with an audience that generally uses Outlook 2016 on their desktop. This is what happens:
Marketo Rendering Problem.png
The second image does not align correctly with the text. The email renders correctly on Outlook mobile and on most other email platforms. Any ideas why this happens? I've tried everything I can think of. Code below:
<tr>
<td colspan="3" style="line-height: 1px; font-size: 1px;" height="${FreeText2Col-bottom-space}"> </td>
</tr>
</tbody>
</table> </td>
</tr>
</tbody>
</table>
<table class="mktoModule" id="TextImg2Col751d35fa-e7bc-430b-99ec-daaaa642714b94d9e462-dc6d-451b-a3fd-c4d0f57695c2" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; border-spacing: 0; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="100%" mktoname="Img Text - 2 Columns-1-clone">
<tbody>
<tr>
<td bgcolor="${FreeText2Col-BgColor}" style="background-color:${FreeText2Col-BgColor}">
<table class="inner_table" style="width: 600px; margin: 0 auto; text-align: center; border-collapse: collapse;" align="center" border="0" cellpadding="0" cellspacing="0" width="600">
<!--Extra space-->
<tbody>
<tr>
<td colspan="3" style="line-height: 1px; font-size: 1px;" height="${FreeText2Col-top-space}"> </td>
</tr>
<tr>
<td class="center_align" colspan="3" valign="top" style="font-size:18px; color:${TextColor}; font-family:${TextFontFamily}; mso-line-height-rule: exactly; line-height:26px;text-align:left;">
<div id="TextImg2Col-headline751d35fa-e7bc-430b-99ec-daaaa642714b94d9e462-dc6d-451b-a3fd-c4d0f57695c2" class="mktoText" mktoname="Headline">
<div style="text-align: center;">
<strong>Regenerative Medicine: Regulatory, Enforcement, and Legal Challenges for Cell and Gene Therapies | April 2 | Washington, DC</strong>
</div>
</div> </td>
</tr>
<tr>
<td colspan="3" style="line-height: 1px; font-size: 1px;" height="${Article-space-below-headline}"> </td>
</tr>
<tr>
<td class="block" width="150" valign="top" style="vertical-align:top;width:150px;">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>
<td class="" valign="top">
<div class="mktoImg" id="TextImg2ColImg751d35fa-e7bc-430b-99ec-daaaa642714b94d9e462-dc6d-451b-a3fd-c4d0f57695c2" mktoname="Image" mktolockimgsize="true">
<img border="0" src="https://go.fdli.org/rs/543-QWF-253/images/Regenerative Medicine.jpg" width="150" style="" />
</div> </td>
</tr>
</tbody>
</table> </td>
<td class="block" width="20" style="font-size:1px;line-height:1px;"> </td>
<td class="block padding_top" width="430" valign="top" style="vertical-align:top;width:430px;">
<table cellpadding="0" cellspacing="0" width="100%" border="0">
<tbody>
<tr>