Newsletter erstellen - Dank diversen Email-Clients eine Kunst für sich

Im Internet kursieren einige Tutorials über das Erstellen von Newslettern, und was es dabei zu beachten gibt.
Ich möchte mit meinem Beitrag jedoch die wichtigsten Dinge die es beim Erstellen eines Newsletters gibt nocheinmal ansprechen und Lösungen zu häufigen Fehlern geben.
Als ich eines Tages die Aufgabe erheilt einen Newsletter (im Grunde waren es 3 oder 4, jedoch nur mit kleinen Verschiedenheiten, sodass er nicht von Grund auf neu gecodet werden musste) zu realisieren, und als Neuling eine ganze Woche Zeit bekam, dachte ich mir "Man, das wird eine ruhige Arbeitswoche..". In der Tat war ich schon pünktlich zum Bergfest (Mittwoch) fertig. Dachte ich jedenfalls.

In vielen der getesteten Email-Clients, darunter web, gmx, freenet und t-online, machte mein gute alter Freund der Firma Microsoft (Outlook) weitaus mehr Probleme.

Font-Tags wurden nicht angenommen, Tabellen wurden zersprengt und überhaupt war es nicht schön, doch letzendlich schafte ich es mit einigen Tricks dann doch.

Vermeidet Attribute
Je weniger davon vorhanden sind, desto besser.
Gebt eurer Zelle zum Beispiel keine padding-Attribute o.ä. fügt lieber eine neue Zelle hinzu und ihr spart Zeit und nerven.

Keine leeren Zellen
Teilweise kann es vorkommen, dass Email-Clients leere Zellen nicht ausgeben, bzw. rausschmeißen.
Ein leichtes Mittel dagegen:  
Fügt in Eure Zelle ein Leerzeichen mithilfe von &nbps;ein, gegebenfalls müsst ihr mit Style-Attributen arbeiten, dass die Zelle nicht zu hoch und/oder breit wird.

Alternativ tut es auch ein transparentes, 1*1 Pixel "Bildchen".
Bevorzuger Datentyp: *.gif

Feste Höhen- und Breitenangaben
Viele Clients mögen euch die Tabelle ohne explizite Höhen- und Breitenangaben richtig anzeigen, viele aber auch nicht. Daher ist es besonders wichtig diese nicht zu vergessen. Andernfalls kann es wie gesagt zu unschönen Ergebnissen kommen.

So wenig CSS wie möglich
Viele Email-Clients lassen CSS-Angaben ändern oder werfen sie ganz raus, daher ist es ratsam so wenig CSS wie möglich zu nutzen. Div-Container sollten gar nicht benutzt werden.
Eine (ziemlich) zuverlässige Liste aller verfügbaren CSS-Attribute gibts hier: *klick mich*
und *hier*/*hier*

Animierte Grafiken
Animierte Grafiken sind tolle Sachen, doch auch dies verweigert und Outlook ab der 2007er Version.

Fest steht, einige Email-Client-Entwickler müssen "back to the roots" sehr mögen, oder einfach nicht daran gedacht haben, dass mit der Rückentwicklung der Möglichen Dinge in Outlook und Co. sie sich viele Feinde gemacht haben, nicht nur, deswegen, dass die Newsletter sich einem Niveaulimbo unterziehen müssen, sondern auch, dass sich die Newsletter-Coder mehr Zeit für jeden einzelnen Newsletter nehmen müssen.

Zeit ist nunmal Geld.