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

SOLVE
specksie
Contributor

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).

outlook.com problem.jpg

 

 

- 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=YBWPYC...

 

 

 - 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

0 Upvotes
1 Accepted solution

Accepted Solutions
MFrankJohnson
Solution
Thought Leader

_hubspot-button-accept-as-solution-gif-v00.gif

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)

hubspot-email-test-gif.gif

 

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

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: The date of each post here is increasingly important as HubSpot evolves to be the #1 CRM platform of choice world-wide.

-- Visit

 

Hope that helps.

 

Be well,
Frank


HubSpot's Hiring World-Wide!

View solution in original post

0 Upvotes
2 Replies 2
MFrankJohnson
Solution
Thought Leader

_hubspot-button-accept-as-solution-gif-v00.gif

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)

hubspot-email-test-gif.gif

 

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

 

Best,
Frank

 


hubspot-solutions-signature-mfrankjohnson-v03.png

www.MFrankJohnson.com

 

Note: The date of each post here is increasingly important as HubSpot evolves to be the #1 CRM platform of choice world-wide.

-- Visit

 

Hope that helps.

 

Be well,
Frank


HubSpot's Hiring World-Wide!

View solution in original post

0 Upvotes
specksie
Contributor

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.