Come posso far sì che MS Outlook accetti il ​​display in stile CSS: blocco?

Question

Sto scrivendo una email HTML usando un servizio (MailChimp). Il modo in cui MailChimp contrassegna le intestazioni consiste nell'utilizzare un tag SPAN e attribuisce al tag lo stile in linea di display:block.

MS Outlook 2010 ignora questo stile. Non riesco a trovare alcun lavoro in giro. Quindi, le intestazioni si avvolgono, interrompendo la visualizzazione della pagina desiderata.

Sì, so che Outlook utilizza MS Word per visualizzare HTML.

Supponiamo di non poter intervenire e modificare manualmente il markup.

Come si ottiene MS Outlook per accettare lo stile CSS display:block e visualizzare un tag SPAN come elemento a livello di blocco?

Answer 1

L'attributo CSS display non è supportato in questa versione di MS Outlook.

Ecco "The Book" su ciò che si può e non può utilizzare:

campaignmonitor.com/css/

In sostanza, se non è possibile modificare il mark-up a un elemento -block nativamente, sei incollato.

Answer 2

La cosa migliore è sfortunatamente farlo nel vecchio modo. = [Usa tabelle su tabelle. quindi tabelle = blocchi.

Answer 3

Mi sono trovato in questa situazione esatta: la necessità di creare stili di intestazione visualizzati correttamente in Outlook senza la possibilità di modificare l'HTML perché sto consegnando il modello a un client.

immagino che hai già risolto questo, ma a chiunque altro che ha trascorso diverse ore cercando di rispondere a questa domanda e si imbatte in tutta questa discussione, ecco come ho riparato:

1. Delete del Mailchimp predefinita H1, H2, ecc

2. creare stili di intestazione (ho chiamato loro intestazione, sotto-intestazione, ecc solo per evitare confusione)

3. Utilizzare i nuovi stili di intestazione come si desidera. Le nuove intestazioni vengono visualizzate come blocchi.

Io non sono esattamente sicuro di quello che sta succedendo sotto il cofano come non riesco a controllare in Outlook, ma la mia ipotesi è che non usando gli stili predefiniti o Mailchimp avvolge il testo dell'intestazione in div invece di campate .