HTML E-Mails mit Outlook 2007 – Teil II

• Home
• Magazin
• Know How
• Customer Relationship Management

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

Die folgenden Abschnitte stellen die wichtigsten nicht mehr unterstützten CSS-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 Eigenschaft kann bestimmt werden, ob ein Element angezeigt wird. Ferner kann mit dieser Eigenschaft definiert 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. Dazu wird die Überschrift mit der CSS-Eigenschaft display:block als Block-Element definiert. Ein Block-Element beginnt immer in einer neuen Zeile, ebenso das darauf folgende Element. Der Abstand zum nächsten Element wird mit margin-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 änderungen betreffen 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ächtige Anzeigearten wie display:list-item für die Anzeige als Listenelement oder display:table für die Darstellung als Tabelle. Für diese Anzeigearten müssen für Outlook 2007 wieder die entsprechenden HTML-Tags verwendet werden.

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 entsprechenden HTML-Tags verwendet werden.

Kommentare

Bitte beachten Sie unsere Informationen zum Datenschutz.

Weitere Artikel zum Thema