HTML Newsletter gestalten

Wegen Outlook 2007 und höher, ist eine Gestaltung mit Hilfe von Divs nicht mehr möglich. Um eine Browser und eMail-Programm übergreifende Ansicht zu gewährleisten, ist es nötig mit Tabellen zu arbeiten.

 

folgende Anweisungen führen vielerorts zu Fehlinterpretationen:

- position

- float

- background-image: wird nur von Apple-Mail richtig dargestellt

- <div>-tag: width und padding werden von Outlook 2007 und höher nicht interpretiert

 

für die Tabellen gilt:

- table-layout: fixed um zu verhindern, dass die Breitenangaben unterschiedlich interpretiert werden

- background-color in jeder Zelle anzugeben, ansonsten gibt es mit Versionen von Lotus Probleme

- width nach Möglichkeit immer angeben, da Versionen von Lotus diese anders interpretieren falls keine angegeben sind

- padding, margin, cellspacing  und border-width wenn nötig auf 0px setzten - häufige Fehlerquelle für zusätzliche Pixel in Zellen.

 

Allgemein gilt, dass jeder "Text"-tag (beispielsweise: h1, h2, p) folgende Angaben beinhalten muss, da nicht über stylesheets global definiert werden kann (wird nicht überall unterstützt):

- font-family

- font-size

- line-height

- color

 

Zusätzliche Probleme können auftreten bei:

- <a>-tag: Outlook 2007 und höher kann color und text-decoration nicht interpretieren

- text-align: Outlook 2007 und höher interpretieren die Textausrichtung nicht richtig

- <img>-tag: wird von Lotus nur mit absolutem Pfad richtig dargestellt, border wird von Outlook 2007 und höher nicht interpretiert

- <br>-tag: wird von einigen Versionen von Lotus nicht interpretiert