Les styles Div ne fonctionnent pas dans les e-mails Outlook
J'ai créé un modèle HTML pour les e-mails à l'aide de balises Div.
Son fonctionne bien sur Gmail, Yahoo.
Mais les styles Div ne fonctionnent pas dans Outlook.
Voici le code que j'ai utilisé.
<div style="margin:auto;padding:auto;background-color:#FFFFFF;width:600px;border:0px;">
Testing Email
</div>
J'ai défini div 600px de largeur pour que la marge et le rembourrage soient automatiques. afin qu'il s'affiche au centre de l'écran.
Mais ça ne marche pas comme ça.
Gmail et Yahoo affichent les e-mails au centre de l'écran
Veuillez suggérer comment puis-je résoudre ce problème.
La largeur flottante et la position des styles CSS appliqués aux div ne fonctionnent pas dans Outlook.
- Link Now Dead - https://www.campaignmonitor.com/blog/post/3472/div-tags-in-html-email-newsletters/ (Voir le tableau à mi-chemin)
C'est la raison principale alors que les tableaux sont encore très utilisés dans les e-mails.
Je vous suggère de créer une structure html de base en utilisant une balise table.
Vous pouvez ensuite utiliser les balises "div" en balises "td".
Les modèles d'e-mail sont pénibles car la plupart des trucs sympas ne fonctionnent pas: D
Les e-mails HTML sont principalement basés sur des tables en raison de la prise en charge limitée des div ... principalement avec Outlook Windows. Vous pouvez utiliser des divs pour certaines choses, mais je recommanderais de ne l'utiliser que pour les classes de type mobileOn/mobileOff et certains affichages.
Voici le tableau de compatibilité des propriétés DIV (tiré de www.campaignmonitor.com, voir la réponse de LiamB):
Client Float Position Margin Width
Outlook 2003 / Express Yes Yes Yes Yes
Windows Live Hotmail Yes No Yes Yes
Yahoo! Mail Yes No Yes Yes
Outlook 2007 / 2010 No No Yes No
iPhone Yes Yes Yes Yes
Gmail Yes No Yes Yes
Apple Mail 4 Yes Yes Yes Yes
Lotus Notes 6.5 & 7 No No No No