0

I am experiencing an issue where the CSS of my email template is breaking on MAC devices that use Outlook Classic. I have tried adding some validations such as the following:

<!--[if mso]>            
    <style type="text/css">              
     [data-ogsc] body, [data-ogsc] table, [data-ogsc] td, body, table, td {                            

        background-color: #f1f2f6 !important;                
        color: #3e3e3e !important;              

}            
    </style> 

![endif]-->

since Microsoft Outlook Classic uses a different rendering engine than other email providers.

Is there any way to force or validate so that this does not occur?

--------------------------------------------------------------------------------------------------------

The first image is when the email is opened in Outlook Classic on a Mac.

outlook classic email

The second image is when the HTML is rendered in a modern browser and how it appears in all other email providers (Outlook New, Gmail, Yahoo, etc.).

browser/modern email providers email

Improve this question
New contributor
João Emboaba is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct.
6
  • 1
    How come you could not even provide a screenshot instead of your first image? It's nearly impossible to compare. Commented yesterday
  • Also, I doubt it can be validated in any standardized way, if this is really an Outlook defect. Defect is a defect, it does not follow any standards, could show anything. The only reliable way to validate the rendering would be sending a message to yourself and viewing it. Commented yesterday
  • Finally, it's possible that this question if off-topic. Is it really about software development? Please correct me if I missed something. Commented yesterday
  • Please clarify your specific problem or provide additional details to highlight exactly what you need. As it's currently written, it's hard to tell exactly what you're asking. Commented yesterday
  • If you want to support really old email clients try and use inline styling. Something like <body style="background-color: #f1f2f6; color: #3e3e3e;">. Commented yesterday
Related questions
992
Can I write a CSS selector selecting elements NOT having a certain class or attribute?
671
CSS hide scroll bar if not needed
767
CSS text-overflow: ellipsis; not working?
Load 5 more related questions Show fewer related questions

0

Reset to default

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.