Uploaded image for project: 'Contao CMS Integration'
  1. 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: