HTML E-Mails mit Outlook 2007 – Teil II

• Home
• Magazin
• Know How

Insbesondere CSS-basierte Layouts, die sich über die letzten Jahre zum Standard für Webdesignerentwickelt haben, sind mit Outlook 2007 größtenteils nicht mehr umsetzbar. Dasliegt daran, dass einige der bedeutensten CSS-Eigenschaften wie float, position und display inOutlook 2007 keine Unterstützung finden. Der Webdesigner wird zukünftig wieder veralteteTabellenlayouts und Inline-CSS verwenden müssen, um das HTML-Layout Outlook 2007 kompatibelzu gestalten.

Die folgenden Abschnitte stellen die wichtigsten nicht mehr unterstütztenCSS-Eigenschaften vor, dazu gehören:

• background-image
• background-position
• background-repeat
• display
• float
• position

Anzeigeart

Mit der CSS-Eigenschaft display wird die Anzeigeart für ein Element gesteuert. über die Eigenschaftkann bestimmt werden, ob ein Element angezeigt wird. Ferner kann mit dieser Eigenschaftdefiniert werden, wie ein Element angezeigt wird. Beispielsweise kann festgelegt werden,dass ein Element einen eigenen (absatzerzeugenden) Block bilden oder mitten im Text (inline)angezeigt werden soll. Insgesamt stellt display mehr als ein dutzend Anzeigearten zur Verfügung.

Beispiel: Zwischen Überschrift und Fließtext soll ein kleiner Abstand gesetzt werden. Dazuwird die Überschrift mit der CSS-Eigenschaft display:block als Block-Element definiert. EinBlock-Element beginnt immer in einer neuen Zeile, ebenso das darauf folgende Element. DerAbstand zum nächsten Element wird mitmargin-bottom:5px auf 5 Pixel gesetzt.

<b style="color:#666666; margin-bottom:5px; display:block;">Sehr geehrte Damen und Herren,</b>ab dem 1. März 2007 tritt das neue Telemediengesetz in Kraft. Die änderungenbetreffen auch wieder E-Mail-Marketer und sollen das Spamaufkommen eindämmen.Outlook 2003 zeigt die Überschrift korrekt als Block-Element an:

In Outlook 2007 erfolgt nach der Überschrift kein Zeilenumbruch und der Fließtext schließt unmittelbar an:

Neben der Anzeige als Block-Element bietet die CSS-Eigenschaft display weitere mächtigeAnzeigearten wie display:list-item für die Anzeige als Listenelement oder display:table für dieDarstellung als Tabelle. Für diese Anzeigearten müssen für Outlook 2007 wieder die entsprechendenHTML-Tags verwendet werden.

<hr>

Die CSS-Eigenschaft display wird von Outlook 2007 nicht mehr unterstützt. Für die Umsetzung der einzelnen Anzeigearten müssen daher Tabellenlayouts bzw. die entsprechendenHTML-Tags verwendet werden.<hr>