Sending / Forwarding HTML Email in Outlook Shows Hidden Content / Breaks

I use the technique to create "responsive" letters, which includes the presence of two versions. One is explicitly written for the desktop and one is written for the mobile. Using a combination of conditional statements and CSS (mso-hide: all; display: none;) to hide the mobile version when in the desktop client and vice versa.

This works great and as expected. When I step forward or reply to one of these e-mails, the stylization is displayed and the previously hidden "mobile" version is displayed. I tried using inline styles (mso-hide: all; display: none;) in the table, and also apply a class and use conditional comments to apply the same CSS style, but it does not work.

I would give an example, but the work is pretty sensitive.

Basically, I'm trying to hide a table in Outlook and leave it hidden when the email is sent / sent.

+4
source share
2 answers

<!--[if !mso]><!--> [tables] <!--<![endif]-->. Outlook , , .

html- html, , , html , . MS .

( ) , , , .

+3

CSS ? -?

Outlook - ( ), , , , , - , Gmail...

+2

All Articles