Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

specksie — Mon, 16 Jul 2018 07:58:34 GMT

Hi, we have the following display problem with our DOI mails on Outlook.com / Office 365 online (web based):

Underlined text and very oddly arranged elements > it looks like the content is aligned to the right - have a look on the screenshot below).

- On all other clients & devices the mails look a usual.

Here you can see the "normal" look: http://newsletter.draeger.net/-temporary-slug-dd4ccef9-0ded-4512-9aa9-1a74cc96b475?hs_preview=YBWPYCFD-5358036599

- Link to the Mail in HubSpot: https://app.hubspot.com/email/3926732/edit-beta/5358036599/content

- Mail Body Sourcecode:

<p>Dear&nbsp;{{ personalization_token("contact.firstname", "valued customer") }}&nbsp;{{ contact.lastname }},&nbsp;</p>
<p><span>Thank you very much for your interest. We have received your request with your email address "{{ contact.email }}".&nbsp;To comply with legal requirements, we will only contact you after you have confirmed your email address by clicking this button:<br></span></p>
<p style="margin-bottom: 12px; text-align: center;"><a class="button" href="{{subscription_confirmation_url}}" target="_blank" style="border: 2px solid #5b92d3; color: #5b92d3; padding: 10px 13px 10px 13px; text-align: center; text-decoration: none; display: inline-block; font-size: 13px; font-weight: bold; line-height: 1.3; outline: 0; -webkit-transition: all .5s linear; -moz-transition: all .5s linear; -o-transition: all .5s linear;">Click here to confirm your email address now</a><span style="background-color: transparent; color: inherit; font-size: inherit; text-align: left;"><br></span></p>
<hr>
<p style="line-height: 1.15;"><span style="background-color: transparent; color: inherit; font-size: 9px; text-align: left;">If you have received this message in error, please simply delete this email. Please do not reply to the sender address, messages sent there will not be read. In case you subscribed for one of our newsletters, we remind you that you can unsubscribe from all mailing lists by editing your subscription preferences in the <a href="{{ unsubscribe_link }}">Subscription Center</a>&nbsp;or – in case you contacted us in other matters – revoke the use of your data at any time with effect for the future contacting us at dataprivacy@draeger.com.</span></p>

Any Ideas how to solve this problem for outlook.com ?

Thanks

Re: Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

MFrankJohnson — Mon, 16 Jul 2018 11:58:42 GMT

Help other HubSpot searchers find this post quickly by accepting the solution

Q: Any Ideas how to solve this problem for outlook.com ?

Short A: Maybe test from a clean template.

Longer A:

Nothing critical jumps out in the code. Maybe try a clean template and test using HubSpot's Litmus email client test tool.

(see image)

Help answer your question? If so, remember to accept this 'solution'.

Best,
Frank

www.MFrankJohnson.com

Re: Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

specksie — Tue, 17 Jul 2018 08:48:26 GMT

Thank you. It was the "web view area" - outlook.com did not accept to close the </div> . I removed the "View as web page" area and re-added it. Afterwards, it worked.

topic Re: Display problem with our DOI mails on Outlook.com / Office 365 online (web based) in CMS Development

Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

Re: Display problem with our DOI mails on Outlook.com / Office 365 online (web based)

Re: Display problem with our DOI mails on Outlook.com / Office 365 online (web based)