Uploaded image for project: 'Contao CMS Integration'
  1. Contao CMS Integration
  2. CTO-91

Issue with "1 column - 2 columns [HTML]" template

    Details

      Description

      When using the "1 column - 2 columns [HTML]" the mail code is cut within the global CSS styles.

      Return-Path: <...>
Delivered-To: ...
Received: ...
X-Virus-Scanned: Debian amavisd-new at mail.bit3.de
X-Spam-Flag: NO
X-Spam-Score: 3.323
X-Spam-Level: ***
X-Spam-Status: No, score=3.323 tagged_above=1 required=5 tests=[BAYES_50=0.8,
	HTML_MESSAGE=0.001, HTML_TAG_BALANCE_HEAD=0.817, MIME_HTML_ONLY=0.723,
	RDNS_DYNAMIC=0.982] autolearn=no autolearn_force=no
Received: ...
X-Virus-Scanned: Debian amavisd-new at localhost.localdomain
Subject: nl-test-1
Message-ID: <...>
Date: Mon, 01 Sep 2014 09:36:13 +0000
From: RB =?utf-8?Q?f=C3=BCr?= AV Auktionen <...>
MIME-Version: 1.0
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.=
w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta ht=
tp-equiv=3D"Content-Type" content=3D"text/html; charset=3DUTF-8">
<!-- Fa=
cebook sharing information tags --><meta property=3D"og:title" content=3D"n=
l-test-1">
<title>nl-test-1</title>
<style type=3D"text/css">
=09=09=
=09/* Client-specific Styles */
=09=09=09#outlook a{padding:0;} /* Force =
Outlook to provide a "view in browser" button. */
=09=09=09body{width:100=
% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* For=
ce Hotmail to display emails at full width */
=09=09=09body{-webkit-text-=
size-adjust:none;} /* Prevent Webkit platforms from changing default text s=
izes. */

=09=09=09/* Reset Styles */
=09=09=09body{margin:0; padding=
:0;}
=09=09=09img{border:0; height:auto; line-height:100%; outline:none; =
text-decoration:none;}
=09=09=09table td{border-collapse:collapse;}
=09=
=09=09#backgroundTable{height:100% !important; margin:0; padding:0; width:1=
00% !important;}

=09=09=09/* Template Styles */

=09=09=09/* /\/\/=
\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\=
 */
=09=09=09
=09=09=09/**
=09=09=09* @tab Page
=09=09=09* @section=
 background color
=09=09=09* @tip Set the background color for your email=
. You may want to choose one that matches your company's branding.
=09=09=
=09* @theme page
=09=09=09*/
=09=09=09body, #backgroundTable{
=09=09=
=09=09/*@editable*/ background-color:#FAFAFA;
=09=09=09}
=09=09=09
=
=09=09=09/**
=09=09=09* @tab Page
=09=09=09* @section email border
=
=09=09=09* @tip Set the border for your email.
=09=09=09*/
=09=09=09#te=
mplateContainer{
=09=09=09=09/*@editable*/ border: 1px solid #DDDDDD;
=
=09=09=09}
=09=09=09
=09=09=09/**
=09=09=09* @tab Page
=09=09=09* @=
section heading 1
=09=09=09* @tip Set the styling for all first-level hea=
dings in your emails. These should be the largest of your headings.
=09=
=09=09* @style heading 1
=09=09=09*/
=09=09=09h1, .h1{
=09=09=09=09/*=
@editable*/ color:#202020;
=09=09=09=09display:block;
=09=09=09=09/*@ed=
itable*/ font-family:Arial;
=09=09=09=09/*@editable*/ font-size:34px;
=
=09=09=09=09/*@editable*/ font-weight:bold;
=09=09=09=09/*@editable*/ lin=
e-height:100%;
=09=09=09=09margin-top:0;
=09=09=09=09margin-right:0;
=
=09=09=09=09margin-bottom:10px;
=09=09=09=09margin-left:0;
=09=09=09=09=
/*@editable*/ text-align:left;
=09=09=09}

=09=09=09/**
=09=09=09* =
@tab Page
=09=09=09* @section heading 2
=09=09=09* @tip Set the styling=
 for all second-level headings in your emails.
=09=09=09* @style heading =
2
=09=09=09*/
=09=09=09h2, .h2{
=09=09=09=09/*@editable*/ color:#2020=
20;
=09=09=09=09display:block;
=09=09=09=09/*@editable*/ font-family:Ar=
ial;
=09=09=09=09/*@editable*/ font-size:30px;
=09=09=09=09/*@editable*=
/ font-weight:bold;
=09=09=09=09/*@editable*/ line-height:100%;
=09=09=
=09=09margin-top:0;
=09=09=09=09margin-right:0;
=09=09=09=09margin-bott=
om:10px;
=09=09=09=09margin-left:0;
=09=09=09=09/*@editable*/ text-alig=
n:left;
=09=09=09}

=09=09=09/**
=09=09=09* @tab Page
=09=09=09* =
@section heading 3
=09=09=09* @tip Set the styling for all third-level he=
adings in your emails.
=09=09=09* @style heading 3
=09=09=09*/
=09=09=
=09h3, .h3{
=09=09=09=09/*@editable*/ color:#202020;
=09=09=09=09displa=
y:block;
=09=09=09=09/*@editable*/ font-family:Arial;
=09=09=09=09/*@ed=
itable*/ font-size:26px;
=09=09=09=09/*@editable*/ font-weight:bold;
=
=09=09=09=09/*@editable*/ line-height:100%;
=09=09=09=09margin-top:0;
=
=09=09=09=09margin-right:0;
=09=09=09=09margin-bottom:10px;
=09=09=09=
=09margin-left:0;
=09=09=09=09/*@editable*/ text-align:left;
=09=09=09}=


=09=09=09/**
=09=09=09* @tab Page
=09=09=09* @section heading 4=

=09=09=09* @tip Set the styling for all fourth-level headings in your em=
ails. These should be the smallest of your headings.
=09=09=09* @style he=
ading 4
=09=09=09*/
=09=09=09h4, .h4{
=09=09=09=09/*@editable*/ color=
:#202020;
=09=09=09=09display:block;
=09=09=09=09/*@editable*/ font-fam=
ily:Arial;
=09=09=09=09/*@editable*/ font-size:22px;
=09=09=09=09/*@edi=
table*/ font-weight:bold;
=09=09=09=09/*@editable*/ line-height:100%;
=
=09=09=09=09margin-top:0;
=09=09=09=09margin-right:0;
=09=09=09=09margi=
n-bottom:10px;
=09=09=09=09margin-left:0;
=09=09=09=09/*@editable*/ tex=
t-align:left;
=09=09=09}
=09=09=09
=09=09=09/* /\/\/\/\/\/\/\/\/\/\ S=
TANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
=09=09=09
=09=09=09/=
**
=09=09=09* @tab Header
=09=09=09* @section preheader style
=09=09=
=09* @tip Set the background color for your email's preheader area.
=09=
=09=09* @theme page
=09=09=09*/
=09=09=09#templatePreheader{
=09=09=
=09=09/*@editable*/ background-color:#FAFAFA;
=09=09=09}
=09=09=09
=
=09=09=09/**
=09=09=09* @tab Header
=09=09=09* @section preheader text=

=09=09=09* @tip Set the styling for your email's preheader text. Choose =
a size and color that is easy to read.
=09=09=09*/
=09=09=09.preheaderC=
ontent div{
=09=09=09=09/*@editable*/ color:#505050;
=09=09=09=09/*@edi=
table*/ font-family:Arial;
=09=09=09=09/*@editable*/ font-size:10px;
=
=09=09=09=09/*@editable*/ line-height:100%;
=09=09=09=09/*@editable*/ tex=
t-align:left;
=09=09=09}
=09=09=09
=09=09=09/**
=09=09=09* @tab Hea=
der
=09=09=09* @section preheader link
=09=09=09* @tip Set the styling =
for your email's preheader links. Choose a color that helps them stand out =
from your text.
=09=09=09*/
=09=09=09.preheaderContent div a:link, .pre=
headerContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent d=
iv a .yshortcuts /* Yahoo! Mail Override */{
=09=09=09=09/*@editable*/ co=
lor:#336699;
=09=09=09=09/*@editable*/ font-weight:normal;
=09=09=09=09=
/*@editable*/ text-decoration:underline;
=09=09=09}
=09=09=09

=09=
=09=09
=09=09=09/* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\=
/\/\/\/\/\/\ */
=09=09=09
=09=09=09/**
=09=09=09* @tab Header
=09=
=09=09* @section header style
=09=09=09* @tip Set the background color an=
d border for your email's header area.
=09=09=09* @theme header
=09=09=
=09*/
=09=09=09#templateHeader{
=09=09=09=09/*@editable*/ background-co=
lor:#FFFFFF;
=09=09=09=09/*@editable*/ border-bottom:0;
=09=09=09}
=
=09=09=09
=09=09=09/**
=09=09=09* @tab Header
=09=09=09* @section hea=
der text
=09=09=09* @tip Set the styling for your email's header text. Ch=
oose a size and color that is easy to read.
=09=09=09*/
=09=09=09.heade=
rContent{
=09=09=09=09/*@editable*/ color:#202020;
=09=09=09=09/*@edita=
ble*/ font-family:Arial;
=09=09=09=09/*@editable*/ font-size:34px;
=09=
=09=09=09/*@editable*/ font-weight:bold;
=09=09=09=09/*@editable*/ line-h=
eight:100%;
=09=09=09=09/*@editable*/ padding:0;
=09=09=09=09/*@editabl=
e*/ text-align:center;
=09=09=09=09/*@editable*/ vertical-align:middle;=

=09=09=09}
=09=09=09
=09=09=09/**
=09=09=09* @tab Header
=09=09=
=09* @section header link
=09=09=09* @tip Set the styling for your email'=
s header links. Choose a color that helps them stand out from your text.
=
=09=09=09*/
=09=09=09.headerContent a:link, .headerContent a:visited, /* =
Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Overrid=
e */{
=09=09=09=09/*@editable*/ color:#336699;
=09=09=09=09/*@editable*=
/ font-weight:normal;
=09=09=09=09/*@editable*/ text-decoration:underline=
;
=09=09=09}
=09=09=09
=09=09=09#headerImage{
=09=09=09=09height:au=
to;
=09=09=09=09max-width:600px;
=09=09=09}
=09=09=09
=09=09=09/* /=
\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
=
=09=09=09
=09=09=09/**
=09=09=09* @tab Body
=09=09=09* @section body =
style
=09=09=09* @tip Set the background color for your email's body area=

        Attachments

          Activity

            People

            • Assignee:
              tristan.lins Tristan Lins
              Reporter:
              tristan.lins Tristan Lins
            • Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved: