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 :

bug-background-outlook

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.

4 réponses à “Bug de background color avec Outlook 2007”

  1. Bonjour  :-)
     
    Pour ma part, j’ai résolu tout problème en conseillant à mes clients d’utiliser un des 30 templates fournis par Campaign Monitor.

  2. Arf, le bon bug à la con qui t’arrache le peu de cheveux qu’il reste après les aléas sur IE ^^.
    Pour les templates de CM, ça peut être une solution mais bon, faut vraiment que le client soit pas trop regardant par rapport à sa charte graphique du coup…

  3. Ouf, j’ai pu résoudre mon problème.  Je m’étais tourné vers des templates Campaign Monitor mais il faut bien admettre qu’ils ne sont pas top top.