Hier einige Infos für alle Nutzer des Newsletter-Moduls in TYPOlight:
Outlook 2007 macht leider beim Anzeigen von E-Mails einige Probleme. Diese enstehen vor allem dadurch, dass Outlook 2007 die E-Mails nicht wie gewohnt über den Internet Explorer darstellt, sondern durch Word 2007 parsed (!).
Es gibt eine ganze Menge HTML- und CSS-Anweisungen die deshalb in Outlook 2007 gar nicht/sehr schlecht interpretiert werden. Hier die wichtigsten Besonderheiten:
Diese für Newsletter relevanten CSS-Anweisungen werden in Outlook 2007 gar nicht/nur teilweise interpretiert:
- background-attachment
- background-image
- background-position
- background-repeat
- border-spacing
- bottom
- clear
- counter-increment
- counter-reset
- cursor
- display
- empty-cells
- float
- font-size-adjust
- font-stretch
- left
- line-break
- list-style-image
- list-style-position
- marker-offset
- max-height
- max-width
- min-height
- min-width
- outline
- outline-color
- outline-style
- outline-width
- overflow
- overflow-x
- overflow-y
- position
- q
- quotes
- right
- style
- table-layout
- text-shadow
- text-transform
- top
- unicode-bidi
- visibility
- word-spacing
- z-index
Diese für Newsletter relevanten HTML-Anweisungen werden in Outlook 2007 ignoriert:
- code
- defer
- disabled
- enctype
- longdesc
- media
- object
Bezogen auf das HTML-Element SPAN versteht Outlook 2007 nur folgende CSS-Anweisungen:
- color
- font
- font-family
- font-style
- font-variant
- font-size
- font-weight
- text-decoration
- background (nur color)
- background-color
- text-align
- vertical-align
- letter-spacing
- line-height
- white-space
- display
- border
- border-color
- border-style
- border-width
- src
- size
- marks
- page-break-before
- page-break-after
- page-break-inside
- list-style
- list-style-type
- unicode-bidi
- border-collapse
Bezogen auf die HTML-Elemente P und DIV versteht Outlook 2007 nur folgende CSS-Anweisungen:
Alle wie bei SPAN plus die nachfolgenden CSS-Anweisungen
- text-indent
- margin
- margin-left
- margin-right
- margin-top
- margin-bottom
Bei den anderen HTML-Elementen (außer die, die gar nicht verstanden werden; siehe Liste oben) versteht Outlook 2007 folgende CSS-Anweisungen:
Alle wie bei P, DIV und SPAN plus die nachfolgenden CSS-Anweisungen
- width
- height
- padding
- padding-left
- padding-right
- padding-top
- padding-bottom
- border-left
- border-right
- border-top
- border-bottom
- border-left-color
- border-left-width
- border-left-style
- border-right-color
- border-right-width
- border-right-style
- border-top-color
- border-top-width
- border-top-style
- border-bottom-color
- border-bottom-width
- border-bottom-style
Abgesehen davon gibt es noch die beiden Besonderheiten:
- Animierte GIF-Bilder werden nur als Standbild angezeigt
- Flash wird nicht angezeigt (stattdessen ein rotes X)
- Bei Bildern gibt es anscheinend (noch nicht selbst getestet) das Problem, dass Margin und Ausrichtungen zwar funktionieren, aber sich negativ auf sonstige Styles in der nahen Umgebung auswirken.
Dann gibt es noch ein ziemlich nerviges zweites Problem mit der Text-Only Variante:
Outlook 2007 zeigt nicht die saubere Text-Only Variante an, sondern stattdessen die HTML-Variante ohne CSS.
Bilder werden zwar ausgeblendet, aber es wird der Alternativtext angezeigt. Das kann sehr verwirrend wirken, wenn mitten im normalen Text plötzlich diese "Textfetzen" auftauchen. Deshalb rate ich (Barrierefreiheit adé *seufz*), dass man im Newsletter bei Bildern keinerlei Alternativtext angibt.
Bei Links wird rechts neben dem Text der Linkbeschreibung die dahinter liegende URL in Spitzklammern angezeigt. Das kann zu optischen "Dopplungen" führen, wenn die Linkbeschreibung selbst auch schon eine URL war. Das sieht dann z. B. so aus: https://contao.org <https://contao.org>