Voici une astuce pour le code HTML à retenir pour votre prochaine campagne emailing : Outlook 2013 ne respecte pas la hauteur des cellules de tableaux vides ou remplies avec des images de faible hauteur.
En effet, lorsque vous insérez une image de 15 pixels de haut dans une cellule sans hauteur définie, cette dernière mesurera à réception dans Outlook 2013 18 pixels de haut ! Ce bug crée alors un petit décalage dans la mise en page du contenu.
La solution : il est nécessaire d’ajouter la propriété CSS line-height dans la balise <td> pour spécifier la hauteur de la cellule.
Concrètement, voici ce que l’on observe :
Ce bug ressemble à celui de Gmail quand on ne précise pas le style display:block sur les images.
Mots recherchés pour arriver sur cette page :
- HTML hauteur cellule