Outlook 2010 affiche l'espacement entre les cellules incompatibles de table

Question

Je suis la conception d'un bulletin HTML et j'ai rencontré ce problème:

Comme vous pouvez le voir, le cellspacing est complètement chamboulée: il ne devrait pas (et ne peut pas) être un espace entre les lignes sur la colonne de gauche et de droite. Je ne sais pas vraiment ce que le coupable pourrait être, des idées seraient appréciées!

Voici le code source pertinente:

<table width="740" cellpadding="0" cellspacing="0" border="1"> 
<tr> 
    <td colspan="3"> 
     <img src="top.jpg" width="740" height="53"> 
    </td> 
</tr> 
<tr> 
    <td colspan="3" height="200" valign="top" id="headerCell"> 
     <img src="header.jpg" width="740" height="200" alt="Headerbild"> 
    </td> 
</tr> 
<tr> 
    <td> 
     L 
    </td> 
    <td valign="top" width="600" bgcolor="#ffffff"> 
     CONTENT 
    </td> 
    <td> 
     R 
    </td> 
</tr> 

Answer 1

J'ai finalement découvert ce qui causait cet espacement: un padding-top placé sur la cellule centrale a causé le bord supérieur des cellules gauche et droite pour rester aligné avec le contenu de la cellule centrale.

Answer 2

Le code HTML semble bien pour moi. Avez-vous essayé d'éliminer les espaces inutiles? Cela pourrait être une cause possible (aussi, rappelez-vous le grand IE6, qui avait des problèmes d'espace).

Les moteurs de rendu HTML dans les clients de messagerie sont juste horrible. J'ai dû concevoir des newsletters il y a quelques temps et ça m'a fait perdre beaucoup de temps. Voici un nice collection of tips, peut-être que cela vous aidera.