Newsletter - Nach Speichern lädt das Backend kein CSS

[frick.christian]

Hallo Zusammen

Mir ist aufgefallen, wenn ich meinen HTML-Newsletter abspeichern möchte - dann wird nach dem Abspeichern kein CSS-File im Backend geladen, wenn man nochmals refresht, zeigt es alles wieder korrekt an.

Hab jetzt einbisschen getestet, wenn der Inhalt des Newsletter nur reiner "Text" ist - funktioniert es einwandfrei.
Wenn ich aber meinen HTML-Newsletter einfüge, der aus vielen Tabellen besteht - scheint es nicht zu funktionieren.

Hier wäre der ganze Newsletter:

<table style="width: 100%; background: #fff;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr style="background: #fff;">
<td style="margin: 0px; background: #fff;" bgcolor="#fff" width="100%">
<table style="width: 650px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top"><!-- ***************************************  Beginn Kopfzeile *************************************** -->
<table class="displaynone" style="margin-top: 18px; margin-bottom: 21px; font-size: 11px; width: 650px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td style="font-family: Arial, sans-serif;" align="right" valign="top"><a style="color: #909090; text-decoration: none;" href="newsletter-reader/items/newsletter-1.html">Wird die E-Mail nicht korrekt dargestellt?</a></td>
</tr>
</tbody>
</table>
<table style="background-color: #ffffff; width: 650px; border-top: 1px solid #cdcfd2; border-left: 1px solid #cdcfd2; border-right: 1px solid #cdcfd2;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td height="30">[nbsp]</td>
</tr>
<tr>
<td width="25">[nbsp]</td>
<td><a href="http://www.domain.ch/"><img style="display: block;" title="domain" src="tl_files/bilder/newsletter/logo_domain.png" alt="domain" width="110" height="40" border="0" /></a></td>
<td style="padding-right: 20px; font-size: 18px; color: #202020; line-height: 1.3em; font-family: Arial, sans-serif;" align="right" width="385">Newsletter April 2013<br /> <span style="font-size: 13px; color: #72797f;">Neuheiten im Bereich Computing [&amp;] Powersupplies</span></td>
<td width="20">[nbsp]</td>
</tr>
<tr>
<td height="30">[nbsp]</td>
</tr>
</tbody>
</table>
<table style="background-color: #ffffff; margin-bottom: 20px; width: 650px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td><img style="display: block;" src="tl_files/bilder/newsletter/newsletter_header.jpg" alt="" width="650" height="250" border="0" /></td>
</tr>
<tr>
<td><img style="display: block;" src="tl_files/bilder/newsletter/shadow1.gif" alt="" width="650" height="2" border="0" /></td>
</tr>
</tbody>
</table>
<!-- ***************************************  Ende Kopfzeile *************************************** -->
<table style="border-spacing: 0px;">
<tbody>
<tr>
<td><!-- *************************************** Beginn Bild Links (von hier kopieren) *************************************** -->
<table style="background-color: #ffffff; font-size: 12px; color: #7c7c7c; border-top-width: 1px; border-top-style: solid; border-top-color: #cdcfd2; border-left-width: 1px; border-left-style: solid; border-left-color: #cdcfd2; border-right-width: 1px; border-right-style: solid; border-right-color: #cdcfd2; width: 470px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top"><img style="display: block;" src="tl_files/bilder/newsletter/AIMB-273_small_2.jpg" alt="" width="157" height="215" border="0" /></td>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td height="20">[nbsp]</td>
</tr>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="10">[nbsp]</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="font-size: 16px; font-family: Trebuchet MS, sans-serif;" valign="top"><span style="background-color: #ffffff; padding-right: 10px;"><a style="color: #0098d4; text-decoration: none;" href="#">AIMB-273 - ausgerüstet mit iManager 2.0</a></span></td>
</tr>
<tr>
<td style="padding-top: 15px; font-size: 12px; color: #7c7c7c; line-height: 1.6em; font-family: Trebuchet MS, sans-serif;" valign="top">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</td>
</tr>
<tr>
<td style="padding-top: 13px; padding-bottom: 15px;" valign="top"><a style="float: left;" href="embedded_computing_systems.html"><img style="display: block;" src="tl_files/bilder/newsletter/more.png" alt="" width="119" height="30" border="0" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="10">[nbsp]</td>
</tr>
</tbody>
</table>
<table style="margin-bottom: 20px; width: 490px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="display: block;" src="tl_files/bilder/newsletter/shadow1.gif" alt="" width="492" height="2" border="0" /></td>
</tr>
</tbody>
</table>
<!-- *************************************** Ende Bild Links (bis hier kopieren) *************************************** --> <!-- *************************************** Beginn Bild Rechts (von hier kopieren) *************************************** -->
<table style="background-color: #ffffff; font-size: 12px; color: #7c7c7c; border-top-width: 1px; border-top-style: solid; border-top-color: #cdcfd2; border-left-width: 1px; border-left-style: solid; border-left-color: #cdcfd2; border-right-width: 1px; border-right-style: solid; border-right-color: #cdcfd2; width: 470px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td height="20">[nbsp]</td>
</tr>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="10">[nbsp]</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="font-size: 16px; font-family: Trebuchet MS, sans-serif;" valign="top"><span style="background-color: #ffffff; padding-right: 10px;"><a style="color: #0098d4; text-decoration: none;" href="#">AIMB-273 - ausgerüstet mit iManager 2.0</a></span></td>
</tr>
<tr>
<td style="padding-top: 15px; font-size: 12px; color: #7c7c7c; line-height: 1.6em; font-family: Trebuchet MS, sans-serif;" valign="top">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</td>
</tr>
<tr>
<td style="padding-top: 13px; padding-bottom: 15px;" valign="top"><a style="float: left;" href="embedded_computing_systems.html"><img style="display: block;" src="tl_files/bilder/newsletter/more.png" alt="" width="119" height="30" border="0" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="10">[nbsp]</td>
<td valign="top"><img style="display: block;" src="tl_files/bilder/newsletter/AIMB-273_small_2.jpg" alt="" width="157" height="215" border="0" /></td>
</tr>
</tbody>
</table>
<table style="margin-bottom: 20px; width: 490px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="display: block;" src="tl_files/bilder/newsletter/shadow1.gif" alt="" width="492" height="2" border="0" /></td>
</tr>
</tbody>
</table>
<!-- *************************************** Ende Bild Rechts (bis hier kopieren) *************************************** --> <!-- *************************************** Beginn Bild Links (von hier kopieren) *************************************** -->
<table style="background-color: #ffffff; font-size: 12px; color: #7c7c7c; border-top-width: 1px; border-top-style: solid; border-top-color: #cdcfd2; border-left-width: 1px; border-left-style: solid; border-left-color: #cdcfd2; border-right-width: 1px; border-right-style: solid; border-right-color: #cdcfd2; width: 470px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top"><img style="display: block;" src="tl_files/bilder/newsletter/AIMB-273_small_2.jpg" alt="" width="157" height="215" border="0" /></td>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td height="20">[nbsp]</td>
</tr>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="10">[nbsp]</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="font-size: 16px; font-family: Trebuchet MS, sans-serif;" valign="top"><span style="background-color: #ffffff; padding-right: 10px;"><a style="color: #0098d4; text-decoration: none;" href="#">AIMB-273 - ausgerüstet mit iManager 2.0</a></span></td>
</tr>
<tr>
<td style="padding-top: 15px; font-size: 12px; color: #7c7c7c; line-height: 1.6em; font-family: Trebuchet MS, sans-serif;" valign="top">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</td>
</tr>
<tr>
<td style="padding-top: 13px; padding-bottom: 15px;" valign="top"><a style="float: left;" href="embedded_computing_systems.html"><img style="display: block;" src="tl_files/bilder/newsletter/more.png" alt="" width="119" height="30" border="0" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="10">[nbsp]</td>
</tr>
</tbody>
</table>
<table style="margin-bottom: 20px; width: 490px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="display: block;" src="tl_files/bilder/newsletter/shadow1.gif" alt="" width="492" height="2" border="0" /></td>
</tr>
</tbody>
</table>
<!-- *************************************** Ende Bild Links (bis hier kopieren) *************************************** --> <!-- *************************************** Beginn Bild Rechts (von hier kopieren) *************************************** -->
<table style="background-color: #ffffff; font-size: 12px; color: #7c7c7c; border-top-width: 1px; border-top-style: solid; border-top-color: #cdcfd2; border-left-width: 1px; border-left-style: solid; border-left-color: #cdcfd2; border-right-width: 1px; border-right-style: solid; border-right-color: #cdcfd2; width: 470px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td height="20">[nbsp]</td>
</tr>
<tr>
<td valign="top">
<table style="width: 330px;" border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td width="10">[nbsp]</td>
<td valign="top">
<table border="0" cellspacing="0" cellpadding="0" align="left">
<tbody>
<tr>
<td style="font-size: 16px; font-family: Trebuchet MS, sans-serif;" valign="top"><span style="background-color: #ffffff; padding-right: 10px;"><a style="color: #0098d4; text-decoration: none;" href="#">AIMB-273 - ausgerüstet mit iManager 2.0</a></span></td>
</tr>
<tr>
<td style="padding-top: 15px; font-size: 12px; color: #7c7c7c; line-height: 1.6em; font-family: Trebuchet MS, sans-serif;" valign="top">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.</td>
</tr>
<tr>
<td style="padding-top: 13px; padding-bottom: 15px;" valign="top"><a style="float: left;" href="embedded_computing_systems.html"><img style="display: block;" src="tl_files/bilder/newsletter/more.png" alt="" width="119" height="30" border="0" /></a></td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
<td width="10">[nbsp]</td>
<td valign="top"><img style="display: block;" src="tl_files/bilder/newsletter/AIMB-273_small_2.jpg" alt="" width="157" height="215" border="0" /></td>
</tr>
</tbody>
</table>
<!-- *************************************** Ende Bild Rechts (bis hier kopieren) *************************************** --></td>
<!-- *************************************** Beginn Infospalte *************************************** -->
<td width="10">[nbsp]</td>
<td style="padding: 5px; padding-top: 10px; font-size: 11px; color: #72797f; line-height: 1.6em; font-family: Arial, sans-serif; vertical-align: top; border: 1px solid #cdcfd2;"><b>domain AG</b><br /> Joweid Zentrum 1<br /> 8630 Rüti ZH<br /> T +41 55 250 66 00<br /> F +41 55 250 66 66<br /> <a style="color: #72797f;" href="http://www.domain.ch/">www.domain.ch</a><br /> <a style="color: #72797f;" href="mailto: info@domain.ch">info@domain.ch</a><br /><br /><br /> <b>Vertrieb Deutschland / Österreich</b><br /> Pforzheim <br />T[nbsp]+49 7236 981 227<br /> <a style="color: #72797f;" href="mailto: info@domain.ch">info@domain.ch</a><br /><br /><br /> <b>Produkte</b><br />
<table style="border-spacing: 0; text-align: center;">
<tbody>
<tr>
<td style="border-top: 1px solid #cdcfd2;"><img style="padding-top: 10px;" src="tl_files/bilder/newsletter/icon_embedded.jpg" alt="" width="40" height="40" border="0" /></td>
</tr>
<tr>
<td style="padding-bottom: 10px; border-bottom: 1px solid #cdcfd2;"><a style="color: #72797f; font-size: 11px;" href="embedded_computing_systems.html">Embedded Computing Systems</a></td>
</tr>
<tr>
<td><img style="padding-top: 10px;" src="tl_files/bilder/newsletter/icon_power.jpg" alt="" width="40" height="40" border="0" /></td>
</tr>
<tr>
<td style="padding-bottom: 10px; border-bottom: 1px solid #cdcfd2;"><a style="color: #72797f; font-size: 11px;" href="power_supplies.html">Power Supplies</a></td>
</tr>
<tr>
<td><img style="padding-top: 10px;" src="tl_files/bilder/newsletter/icon_electronic.jpg" alt="" width="40" height="40" border="0" /></td>
</tr>
<tr>
<td style="padding-bottom: 10px; border-bottom: 1px solid #cdcfd2;"><a style="color: #72797f; font-size: 11px;" href="electronic_packaging.html">Electronic Packaging</a></td>
</tr>
<tr>
<td><img style="padding-top: 10px;" src="tl_files/bilder/newsletter/icon_engineering.jpg" alt="" width="40" height="40" border="0" /></td>
</tr>
<tr>
<td style="padding-bottom: 10px; border-bottom: 1px solid #cdcfd2;"><a style="color: #72797f; font-size: 11px;" href="electronic_engineering.html">Electronic Engineering</a></td>
</tr>
<tr>
<td><img style="padding-top: 10px;" src="tl_files/bilder/newsletter/icon_assembling.jpg" alt="" width="40" height="40" border="0" /></td>
</tr>
<tr>
<td style="padding-bottom: 10px; border-bottom: 1px solid #cdcfd2;"><a style="color: #72797f; font-size: 11px;" href="assembling-testing.html">Assembling [&amp;] Testing</a></td>
</tr>
</tbody>
</table>
<br /><br /> <a style="color: #72797f;" href="newsletter-abmeldung.html?email=##email##">Newsletter abmelden</a><br /> <a style="color: #72797f;" href="mailto:?subject=Empfehlung des domain Newsletter[&amp;]body=Link zur Onlineversion des Newsletter http://www.domain.ch/newsletter.html">Newsletter empfehlen</a></td>
</tr>
</tbody>
</table>
<table style="margin-bottom: 20px; width: 492px;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="display: block; margin-left: 1px;" src="tl_files/bilder/newsletter/shadow1.gif" alt="" width="492" height="2" border="0" /></td>
</tr>
</tbody>
</table>
</td>
<!-- *************************************** Ende Infospalte *************************************** --></tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table> 

An was könnte das Problem liegen?
Der HTML-Code ist soweit korrekt

Danke & Gruss
Chris

[chrizzbee]

hallo

habe heute selbiges phänomen beobachtet. bin auf contao 3.1.5. die styles fallen nur raus, wenn ich mich ins backend mit "www.xyz/contao" einlogge. brauche ich hingegen "http://xyz/contao" dann klappt alles.
grüsse
chris.

[chrizzbee]

hat noch keiner dieses phänomen beobachtet? ist das ein bug?

[chrizzbee]

also nochmals: problem besteht bei meinen HTML newslettern, wenn ich mit http://www.domain.ch/contao im backend eingeloggt ist. beim speichern des newsletters fliegen die styles raus, ich muss kurz refreshen, dann ist wieder gut. logge ich mich stattdessen mit http://domain.ch/contao ein dann geht es.

da ich meine domain nur via www erreichen will, habe ich das URL rewrite von http auf www eingeschaltet. mit der konsequenz, dass auch das backend nur unter www erreichbar ist und auch der obige fehler auftritt. das will ich natürlich meinem kunden nicht zumuten.

ich habe nun herausgefunden, dass in meinem HTML newsletter das "www" in einem <a href> link das problem mit dem stylesheet verursacht. habe successive den code in der HTML-code view gelöscht bis das problem nicht mehr auftrat und es lag tatsächlich an diesem www! lustigerweise ist das aber nur auf der einen contao installation der fall. kopiere ich den HTML code in einen anderen newsletter auf einer anderen contao installation (selbe version 3.1.5) dann geht es.

keine ahnung was das ist, aber immerhin ist es gelöst.

grüsse
chris.