2009-05-15 45 views
2

Ich versuche, Newsletter kompatibel mit Outlook 2007 zu machen, aber Outlook-Rendering-Engine ist nicht sehr logisch. Der folgende Code macht keine Grenzen als Breite von 1 Pixel wie in Firefox und anderen Rendering-Engines, aber es fügt etwas zusätzlichen Platz zwischen einigen dieser td-Elemente hinzu. Gibt es eine Problemumgehung für dieses Problem?Outlook 2007 HTML-Tabelle td Elemente

<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

Siehe auch die Links in dieser Antwort: http://stackoverflow.com/questions/868073/is-it-true-that-newsletters-in-html-should-have-a-table-based-layouts/868134 # 868134 –

+0

Hier ist, wie es in Outlook 2007 aussieht >> http://i44.tinypic.com/8zmxhj.jpg –

Antwort

2

<table cellspacing = "0"> wird Ihr Problem lösen, wenn ich es richtig verstehe

+1

Nein, weil es wie zufällige Leerzeichen zwischen Td-Elementen aussieht –

3

ich nur gesetzt border-collapse: "Zusammenbruch", cellspacing = "0", cellpadding = "0" mit meinem Outlook 2007 und es hat geholfen.

+0

Können Sie mir sagen, welche Elemente Sie setze diese Werte, damit ich immer noch Fehler mit diesen Attributen bekomme ... –

+0

Diese Antwort stimmt mit [diesem Blog-Eintrag] überein (http://www.ianhoar.com/2008/04/29/outlook-2007-borders-and -1px-padding-on-table-cells /), aber das Hinzufügen von 'border/cellpadding/cellspacing = 0' Attributen und' border-collapse: collapse' in der Tabelle (und td, für diesen Artikel) lösten das Problem nicht mich. – Phrogz

1

Sie könnten versuchen, Ihren Newsletter mit Word 2007 zu erstellen, speichern Sie es als HTML und dann optimieren (unnötige Dinge schneiden) für den Rest der E-Mail-Clients.

Outlook (< 2007) verwendet standardmäßig Trident, Motor IE für eingehende E-Mails und Word HTML-Rendering-Engine für abgehende Post ... Until Office 2007, and people hate it.

Nun it uses Word 2007's rendering, weichen is rather lacking. On microsoft's page können Sie die Attribute sehen, die Sie verwenden können.

0

Ich hatte dieses Problem schon einmal. Um es korrekt in Outlook anzuzeigen, müssen Sie es wie folgt haben:

, damit die Grenzen angezeigt werden.

Es ist ein bisschen seltsam, aber das ist Microsoft für Sie.

Verwandte Themen