Newsletter unterschied zwischen HTML Ansicht und Vorschau

Hallo Alfred,

so auf die Schnelle würde ich einfach mal vermuten, dass in der Vorschau und im Newsletter die Breite einfach nicht ausreicht, um Text und Bild nebeneinander darzustellen. Die HTML-Ansicht beim Bearbeiten hilft da nicht viel, denn der Editor hat keine Beschränkung in der Breite. Die Vorschau verwendet dagegen die ganzen Einstellungen des Templates für den Newsletter und zeigt deshalb auch schon an, wie es im Newsletter erscheinen wird, nämlich untereinander.

Auf der Webseite hast Du im Beitrag für Text und Bild jeweils col-sm-6 eingestellt, was also jeweils 50% entspricht. Zumindest bei der Weißwurst ist das ziemliche Platzverschwendung, jedenfalls, wenn man es für den Newsletter in Betracht zieht, der meist nur irgendwo um die 800px in der Breite hat. Auf der Webseite hat dein Content immerhin 1800px, möglicherweise sogar noch mehr, da spielt dieses Verhältnis kaum eine Rolle. Aber ich könnte mir vorstellen, dass es für den Newsletter hilfreicher wäre, ein anderes Verhältnis einzustellen. Vielleicht hilft ja schon col-sm-9 für den Text und dafür col-sm-3 für das Bild?

Ich hoffe, Karl kann/wird dazu auch noch etwas sagen, er kennt sich damit deutlich besser aus als ich…

Hth
Romana

Hallo Alfred,
die Klassen "row" und "col-..." sind CSS-Klassen des Bootstrap Frameworks.
Das Bootstrap-CSS wird nicht mit dem Newsletter verschickt, deshalb schaut dein Newsletter im Browser anders aus als nachher im Newsletter.
Auch wenn du die bootstrap.css mit deinem Newsletter versendest, würde das Ergebnis in den Mailprogrammen trotzdem anders aussehen als gewünscht.
Sehr viele Mailprogramme haben immer noch Schwierigkeiten mit CSS und arbeiten am zuverlässigsten mit Tabellen, weshalb die meisten Maildienste (auch BwPostman) Tabellenvorlagen anbieten.

Ich würde dir empfehlen "einfache" Beiträge zu versenden.
Bei Newsletterbreite 600px sollten Bilder maximal 560px breit sein, kleinere Bilder können auch links floaten.
Text in Absätze (P-Tags) oder Container (Div-Tag) schreiben.
Keine Spalten verwenden, die schauen sehr oft im Mailprogramm, besonders in der Vorschau, unschön verschoben aus.

Ich selbst lege Kopien von "besonderen" Beiträgen in eine extra Kategorie (z.B. Newsletterbeitraege), "vereinfache" den Artikel und verwende diesen dann im Newsletter.

Gruß Karl