media queries ..

[mirko]

Fehler im HTML-Code oder wird nicht unterstützt, siehe dazu auch
http://stylecampaign.com/blog/2012/10/r ... l-support/

[kontext-mit]

Ok .. intern scheint es zu funktionieren, ich meine die "Serienmailvorschau" .. jedoch,
wenn ich mir das Ergebnis via Handy ansehen möchte - wird das Template ignoriert!

[mirko]

Im SuperMailer als Rendering Engine IE 8 einstellen, das geht in der aktuellen Version rechts unten in der Statustleiste IE7 klicken, SuperMailer danach neu starten. Die Stylesheets werden dann nicht mehr verändert. Die Stylesheets selbst sollten als spezielle Stylesheets über rechte Maustaste in den Editor, Seiten-/Bodyeigenschaften - Spezielle Stylesheets angegeben werden, sonst gibt es Probleme beim Versand. In der Serienmailvorschau kann man dann die media queries testen, insofern IE > 7 gewählt ist.

[kontext-mit]

hallo,
so ich versuche folgende Media-Queries in Supermailer
einzubauen - mit Null Erfolg:

Code: Alles auswählen

<style>
	table[class="pattern"] {max-width:600px;}
	
	@media only screen and (min-width: 599px) 
        {
            td[class="pattern"] .img-produkt{ margin-left: 8%}
	}
	
	@media only screen and (max-width: 599px) {

        td[class="pattern"] table { width: 100%; }
        td[class="pattern"] img { width: 100%;  height: auto !important; }
	td[class="pattern"] .col { width: 48%;  }
        td[class="pattern"] .col:first-child { margin-right: 4%; }
        td[class="pattern"] .col td { width: 70%; padding-right: 0 !important; }
        td[class="pattern"] .col td:first-child { width: 50%;}
	}


    @media only screen and (max-width: 520px) {

        td[class="pattern"] .img-produkt{margin-left: 10%}
        td[class="pattern"] .col { width: 100%; display: block; padding-bottom: 0 !important;  margin-bottom: 20px;}
        td[class="pattern"] .col:first-child {margin-right: 0;}
        td[class="pattern"] .row:last-child .col:last-child { margin-bottom: 0; }
      	td[class="pattern"] .abst { padding-left: 17px !important }
	td[class="pattern"] .hide-menu { display: none; }

    }
	   @media only screen and (max-width: 321px) {
                 td[class="pattern"] .hide { display: none; }
		  td[class="pattern"] .abst { padding-left: 17px !important }
    }

</style>

Entweder der Tag wird ignoriert oder verfremdet .. kann mir jemand vielleicht helfen?

Gruß
kontext!mit