// Vous lisez...

HTML/CSS

Newsletter : Gmail et les hauteurs de cellules aléatoires

+ addenda images avec height à 100% sous Firefox

Ce n’est pas par plaisir, mais pour respecter les créas il faut souvent coder les newsletters avec des tableaux.

Depuis quelques temps Gmail (mais aussi un peu Yahoo et AOL) ont la fâcheuse tendance à pourrir les hauteurs de cellules. En l’occurrence, un code comme ceci...

...peut être rendu comme ça :

Ce qui provoque donc le courroux du Client qui voit ça :

La solution un peu bizarre qui va bien : ajouter un display:block; sur la balise img. Et là, c’est le mi-mi, c’est le ra-ra, c’est le miracle :

Reste à savoir combien de temps ce fix tiendra la route...

Addenda : images avec height="100%" sous Firefox

Pendant des années height="100%" sur une balise img a bien fonctionné... apparemment avec les dernières versions de FF ça n’est plus le cas. Ça marche toujours dans IE et Chrome.

Voilà que j’ai besoin d’une image à 100% pour une nouvelle newsletter, la solution trouvée est la suivante :

Ahhh, c’est moche.