I am currently working on a design for a responsive email. The layout is functioning well in all email clients tested using Litmus, except for Outlook 07/10/13 due to its challenging word rendering engine versions. To ensure correct display across different versions of Outlook, I have implemented the following conditional CSS:
<!--[if (gte mso 9)|(IE)]>
<style>
.leftCol {
width:350 !important;
margin-left:4 !important;
}
.rightCol {
padding:0 !important;
}
</style>
<![endif]-->Although this solution works effectively, I have encountered issues with Outlook 07/10/13 as it does not seem to recognize these conditionals. Interestingly, manually editing the inline css for the associated tables (leftCol & rightCol) resolves the problem temporarily. However, making this alteration would negatively impact other client renders.
Is there any alternative approach I can take to make conditional CSS work in Outlook 07/10/13?
Thank you in advance for your assistance!