2009-05-15 13 views
2

Je tente de rendre la newsletter compatible avec Outlook 2007, mais le moteur de rendu Outlook n'est pas très logique. Le code suivant ne fait pas des bordures comme la largeur de 1 pixel comme dans Firefox et d'autres moteurs de rendu, mais il ajoute de l'espace supplémentaire entre certains de ces éléments td. Y a-t-il une solution de contournement pour ce problème?Outlook 2007 Html table éléments td

<table> 
<tr> 

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 

<td width="100%" bgcolor="white"> 
content here 
</td> 

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td> 

</tr> 
</table> 
+0

Voir aussi les liens dans cette réponse: http://stackoverflow.com/questions/868073/is-it-true-that-newsletters-in-html-doit-avoir-un-table-based-layouts/868134 # 868134 –

+0

Voici à quoi ça ressemble dans Outlook 2007 >> http://i44.tinypic.com/8zmxhj.jpg –

Répondre

2

<table cellspacing = "0"> va résoudre votre problème si je comprends bien

+1

Non, parce qu'il ressemble à des espaces aléatoires entre les éléments td –

3

Je viens de mettre effondrement de la frontière: "effondrement", cellspacing = "0", cellpadding = "0" avec mon Outlook 2007 et ça a aidé.

+0

Pouvez-vous me dire à qui vous élimine mettre ces valeurs, parce que j'obtiens des erreurs avec ces attributs ... –

+0

Cette réponse est d'accord avec [cette entrée de blog] (http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and -1px-padding-on-table-cells /), mais ajouter des attributs 'border/cellpadding/cellspacing = 0' et' border-collapse: collapse' sur la table (et td, par cet article) n'a pas résolu le problème pour moi. – Phrogz

1

Vous pouvez essayer de publier votre newsletter avec Word 2007, en l'enregistrant sous HTML, puis en l'ajustant (en supprimant les éléments inutiles) pour le reste des clients de messagerie.

Outlook (< 2007) utilise par défaut Trident, le moteur de IE pour le courrier entrant et Word moteur de rendu HTML pour le courrier sortant ... Until Office 2007, and people hate it.

Maintenant, it uses Word 2007's rendering, Wich is rather lacking. On microsoft's page vous pouvez voir les attributs que vous pouvez utiliser.

0

J'ai déjà eu ce problème auparavant. Pour l'afficher correctement dans Outlook, vous devez l'avoir comme:

<td style="border:solid windowtext 1.0pt;"> 

pour faire apparaître les bordures.

C'est un peu bizarre, mais c'est Microsoft pour vous.