Darstellungsprobleme (Layout) nach Versand

Fragen und Tipps & Tricks zur Newsletter Software SuperMailer oder zum BirthdayMailer

Moderatoren: mirko, Wolfi

Antworten
Benutzeravatar
mirko
Beiträge: 22869
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von mirko »

Ja im Word als Webseite, gefiltert speichern und in SuperMailer laden lassen. Das Problem ist, Word-Code führt zu Falschdarstellungen aber das eben nicht nur in Outlook, sondern allen anderen E-Mail-Programmen genauso.
Siehe dazu auch:
https://www.supermailer.de/newsletter_m ... tellen.htm
010010010
Beiträge: 5
Registriert: 11.10.2018, 14:49

Re: Darstellungsprobleme (Layout) nach Versand [Gelöst]

Beitrag von 010010010 »

Die Darstellungsproblematik tritt (soweit mir Bekannt) bei Outlook auf. Dabei ist es auch nicht Versionsabhängig da ich das gleiche Outlook verwende wie der Empfänger bei dem ist gestaucht ankommt.

Ich habe mittlerweile einen brauchbaren Lösungsansatz.

Es wird in anderen Fällen bei HTLM Darstellungsproblemen von der Problematik zwischen Outlook 2007 und anderen Versionen im Netz berichtet.
Daher ist ja wahrscheinlich auch im Supermailer die Option einer Vorschau für Outlook 2007 implementiert..

Da mir leider die Expertise in HTML fehlt, blieb nur der Zwischenschritt über MS Word (html) erzeugen und den Quellcode in Supermailer einfügen..
Nach einigem hin und her bekam ich dann doch ein brauchbares Ergebnis!

Also das Problem liegt am HTML-Code bzw. was Outlook daraus macht...
Benutzeravatar
mirko
Beiträge: 22869
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von mirko »

Bei welchen E-Mail-Programmen kommt es nicht sauber an? Wenn es auf mobilen Geräten nicht sauber ankommt, muss man natürlich responsive Stylesheets setzen, damit sich das Bild von selbst verkleinert, ansonsten muss derjenige scrollen oder das Bild wird verkleinert. Siehe dazu auch https://www.supermailer.de/newsletter-h ... tellen.htm
010010010
Beiträge: 5
Registriert: 11.10.2018, 14:49

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von 010010010 »

Hallo,

danke für die schnelle Antwort. Ich habe alle Elemente vorsichtshalber auf 590 Pixel gesetzt (Logo + 2 Tabellen) leider ist das Problem immer noch da. Wie gesagt bei mir kommt die Mail sauber an nur bei (manchen) anderen nicht.

LG
JHM
Benutzeravatar
mirko
Beiträge: 22869
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von mirko »

Die Bilder und Tabellen sollten nie breiter als 600 Pixel sein, wenn die Bilder größer sind, dann verkleinert Outlook die Bilder bei der Darstellung der E-Mail.
010010010
Beiträge: 5
Registriert: 11.10.2018, 14:49

Darstellungsprobleme (Layout) nach Versand

Beitrag von 010010010 »

Hallo Supermailercommunity,

hat jemand erfahrung mit einer gestauchten darstellung nach dem Versand eines Projektes?

Sobald ich eine Vorlage benutze welches Tabellen und eine Formatierung enthält (in diesem Fall die SuperMailer Beispiel Assistent-Vorlage (2)) bekomme ich unterschiedliche Ergebnisse beim Öffnen der Mail.

Auf dem angefügtem Bild sieht man rechts die korrekte Darstellung und links die gestauchte Darstellung. Übrigens habe ich die Mail an mehrere Empfänger geschickt und nur 2 von 10 haben dieses Darstellungsproblem!

Da der Fehler nur teilweise auftaucht und bei mir nicht auftritt, finde ich es schwer bis unmöglich die Ursache zu ermitteln weil es bei mir ja richtig angezeigt wird..

Gibt es eine möglichkeit die Rahmenbreite fest einzustellen oder an welchen Parametern liegt die variable Darstellung bei den verschiedenen Empfängern?

Mein System ist:
Win 10 pro
Outlook Version Professional Plus 2010 Version 14.07208.5000 (32bit)

Fehlerhaft darstellende Systeme sind fast alle gleich, da es sich um Bürorechner handelt. Also auch Outlook 2010 usw.

Beste Grüße
JHM

PS. Das ist der HTML Code

<HTML><HEAD><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="Generator" content="10.70">

<STYLE type="text/css">
<!--
a { color: #000000 }
a:visited { color: #000000 }
a:hover { color: #000000 }
a:active { color: #000000 }
-->
</STYLE>

<META name="viewport" content="width=device-width, initial-scale=1">
<META name="format-detection" content="telephone=no">
<STYLE type="text/css">
<!--
.ReadMsgBody { width: 100%; }
.ExternalClass { width: 100%; display:block !important; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height: 100%; }
table {border-spacing: 4px;}
table td {border-collapse: collapse;}
.yshortcuts a {border-bottom: none !important;}
@media only screen and (max-width: 768px) {
table, tr, td {width: 100% !important;border-spacing:0px;border-collapse: collapse;}
td {display: block; padding-right: 0 !important;; margin-top: 8px}
.logo{width: 100% !important; max-width: 600px; height: auto; float:none}
}
-->
</STYLE>

<META http-equiv="X-UA-Compatible" content="IE=edge"> <TITLE></TITLE></HEAD>
<BODY style="margin: 0px; padding: 0px; -ms-text-size-adjust: none; -webkit-text-size-adjust: none;"
bgcolor="#ffffff">
<DIV align="center" style="margin-bottom: 0px;">
<DIV><IMG width="600" height="120" class="logo" src="file:///J:/Supermailer/Bilder/logo620a.jpg"
border="0" editable="true"></DIV></DIV><repeater editable="false">
<DIV align="center" style="margin-bottom: 0px;">
<TABLE width="598" style="border: 1px solid rgb(204, 204, 204); border-image: none; border-collapse: separate;"
border="0" cellspacing="4">

<TR>
<TD align="left" valign="top" style="text-align: left;" colspan="2">
<H2 style="margin: 0px 0px 10px; color: rgb(0, 0, 0);"><singleline
tableofcontentstitle="true"><FONT size="5">Workshop: Das deutsche
Akkreditierungswesen und seine neue
Rechtsgrundlage</FONT></singleline></H2>
<H2 style="margin: 0px 0px 10px; color: rgb(0, 0, 0);"><singleline
tableofcontentstitle="true"><FONT size="1"><BR></FONT></singleline></H2>
<H2 style="margin: 0px 0px 10px; color: rgb(0, 0, 0);"><FONT
size="4">Zielgruppe: Private Hochschulen</FONT></H2></TD></TR>
<TR>
<TD align="left" valign="top" style="text-align: center;"></TD>
<TD width="100%" align="left" valign="top" style="text-align: left;">
<DIV align="justify"><FONT size="3">TEXT TEXT TEXT . </FONT></DIV>
<DIV align="justify"><BR></DIV>
<P style="margin-right: 0px;" dir="ltr"><STRONG>
Datum:</STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</P>
<P><STRONG>Ort:</STRONG>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</P>
<P><STRONG>Referenten:</STRONG></P>
<P>Begrüßung:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<BR></P>
<P>Thematische Einführung:&nbsp;&nbsp; </P>
<P>Referent:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp; </P>
<DIV align="justify"><STRONG>Teilnahmegebühr:</STRONG> </DIV>
<DIV align="justify"><BR></DIV>
<DIV align="justify"><STRONG>Anmeldschluss:</STRONG> </DIV>
<DIV align="justify"><BR></DIV>
<DIV align="justify"><BR></DIV>
<DIV align="justify"><BR></DIV>
<DIV align="justify">- - - - - - - - - - - - - - - - - - - - - - - - - - -
- -<BR><BR></DIV></TD></TR></TABLE></DIV></repeater> <BR>
<DIV align="center">
<TABLE width="600" style="border: 1px solid rgb(204, 204, 204); border-image: none; border-collapse: separate;"
bgcolor="#ffffff" border="0">

<TR>
<TD align="left" style="text-align: left; font-size: 10pt;">
<P><FONT color="#000000" size="2"><U>Impressum</U></FONT></P>
<P>&nbsp;</P></TD></TR></TABLE></DIV></BODY></HTML>
Dateianhänge
darstellungsproblem_supermailer.jpg
darstellungsproblem_supermailer.jpg (269.82 KiB) 1362 mal betrachtet
Zuletzt geändert von 010010010 am 14.01.2019, 15:54, insgesamt 1-mal geändert.
Antworten