Outlook non supporta la proprietà CSS max-width!

Email Template trick: max-width con Outlook

Stai preparando la tua email campaign e finalmente sei alla fase di test. Hai preparato un'email responsive dal layout accattivante e ora fai il test con Outlook. Cosa succede? La mia email ha un body largo il 100% del mio schermo (anche su desktop) e non è quello che voglio. Di seguito il trick per forzare il max-width su Outlook.

Problema: Outlook non supporta la proprietà CSS max-width! 

Risultato: la tua email responsive viene visulizzata a larghezza 100% anche su schermi molto larghi. Un disastro!

Soluzione: ecco di seguito il trick che ti permetterà di forzare il max-width anche in Outlook, in questo modo la tua email sarà responsive, ma con una larghezza accettabile per essere letta con facilità anche da desktop.

<!--[if mso]>
<center>
<table><tr><td width="580">
<![endif]-->
<div style="max-width:580px; margin:0 auto;">

<p>Inserisci qui il contenuto della tua e-mail, tutto il body avrà come max-width 580px anche se Outlook non supporta questa proprietà CSS.</p>

</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->

seo plugin e-max.it

Graficatelli fiorella locatelli web designer

Autore: Fiorella Locatelli

Digital Marketing e Social Media manager, si occupa di SEO e online brand communication.
Visita i canali social: Facebook, Twitter o LinkedIn.


Graficatelli © 2018 - Blog di Web design. CF: LCTFLL89H47A246A

Tel: (+39) 340 80 59 892 - Email: info@graficatelli.it

sitemap | privacy | cookies

Per offrirti un'esperienza di navigazione ottimizzata e in linea con le tue preferenze questo sito utilizza cookies, anche di terze parti. Chiudendo questo banner, acconsenti al loro impiego.