Outlook Email Not Rendering Correctly on Desktop Only

Jennifer_Coope1
Level 1

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}">&nbsp;</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}">&nbsp;</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}">&nbsp;</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;">&nbsp; </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>

1 REPLY 1
SanfordWhiteman
Level 10 - Community Moderator

Re: Outlook Email Not Rendering Correctly on Desktop Only

Please move the thread to the correct space, Products: https://nation.marketo.com/t5/Products/ct-p/products

 

"University" isn't a support space.

 

And please highlight your code as HTML along the way so it's readable. The post editor has a code syntax highlighter that should be used for any code snippets.