Problème avec le texte de rendu de courrier électronique dans Outlook 365

Question

Je rencontre un problème avec le texte dans Office365 qui pousse certaines cellules de tableau.

Il s'agit du seul client de messagerie électronique dans lequel il se produit et cela se produit dans tous les navigateurs.

Cela doit être quelque chose à voir avec Office365 modifiant le code HTML.

Le texte a zéro padding et marge, comme le font tous les tds, tr, et une table. Tous les effondrements de frontière sont corrects aussi.

Il n'y a pas d'espace entre ces balises.

La hauteur de ligne est 1.

Answer 1

Votre Office365 utilise le moteur de rendu Microsoft Word (quel casse-tête!). D'autres clients de messagerie utilisent le moteur de rendu de Firefox ou IE par exemple.

probablement vous devez changer votre code HTML suivant ces règles:

1. Vous ne devriez pas utiliser le positionnement CSS tel que « float », « marge » et « padding ».
   • tables emboîtées sont vos amis
2. vous ne devriez pas Dans les nouvelles versions d'Office utiliser "display: block"
3. Chaque cellule de tableau dans Outlook 2013 visualisé contient une hauteur de ligne définie par Outlook. Par conséquent, les cellules de tableau vides affichent une hauteur minimale de 15 pixels, quel que soit le réglage de l'attribut height de la cellule. Cela peut provoquer des blancs entre les images de votre courrier électronique.

Veuillez nous faire parvenir votre code la prochaine fois.