search

mjmlio / mjml

MJML: the only framework that makes responsive-email easy
https://mjml.io
MIT License
16.91k stars 952 forks source link

Rendering issue on outlook #2681

Closed adamward459 closed 1 year ago

adamward459 commented 1 year ago

Describe the bug

Outlook is not rendering mjml correctly

To Reproduce Steps to reproduce the behavior:

  1. Create a file with this MJML code: here
  2. Render it to HTML by doing
  3. Send the HTML to an email address with
  4. See error

Expected behavior image

MJML environment (please complete the following information):

image

adamward459 commented 1 year ago

it works fine on Outlook for mac and Web for mac image

iRyusa commented 1 year ago

I guess your head style are completely ignore. If you remove them you'll get almost the same result.

Some section have more than 100% of content, this work fine in browsers but not in Outlook as it works with ghost table.

Last thing, make sure to test with https://putsmail.com/ as it won't alter the output HTML.