Darstellungsprobleme (Layout) nach Versand

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

Moderatoren: mirko, Wolfi

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

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von mirko » 17.01.2019, 11:16

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: 4
Registriert: 11.10.2018, 14:49

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von 010010010 » 17.01.2019, 09:55

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: 21479
Registriert: 25.11.2001, 15:14
Wohnort: Leipzig
Kontaktdaten:

Re: Darstellungsprobleme (Layout) nach Versand

Beitrag von mirko » 14.01.2019, 15:46

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: 4
Registriert: 11.10.2018, 14:49

Darstellungsprobleme (Layout) nach Versand

Beitrag von 010010010 » 14.01.2019, 14:49

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) 28 mal betrachtet
Zuletzt geändert von 010010010 am 14.01.2019, 15:54, insgesamt 1-mal geändert.

Antworten