Bug de background color avec Outlook 2007

Petit mémo pour moi et au passage comme d’habitude, j’en fais profiter mes amis intégrateurs qui adoooorent se prendre la tête avec outlook.

Donc en gros, j’ai un un problème à gérer sur une newsletter, problème d’affichage avec outlook, comme d’habitude on pourra dire.

Deux cellules (<td>) d’un même tableau, la ligne (<tr> les contenant possède un background et par sécurité, ce background est également intégré à chaque cellule.

Problème, sous Outlook 2007, la deuxième cellule affiche un bloc blanc sans background en haut, ensuite le background est bien appliqué.

Visuellement ça donne ça :

La problème vient tout simplement d’un padding-top appliqué à la première cellule qui n’était pas appliqué à la deuxième car ce n’était pas nécessaire.

Du coup, outlook semble se perdre dans les affichages et ne commence l’affichage du background sur la deuxième cellule qu’après la hauteur du padding-top de la première.

Solutions :

• Appliquer le même padding-top aux deux cellules (j’ai essayé avec un padding-top:0 en reset pour la seconde et ça ne fonctionne pas).
• Appliquer un margin-top ou un padding-top au premier élément de première cellule et non pas à la cellule elle même.

Cordialement,
Aymeric Jacquet

Tags : CSS, newsletter html