title: Selligent ignoring image size within outlook
body: <p>I have never used this program before (new job and new programs) and have already noticed some weird quirks of it. For example if I put a p tag around a dynamic div tag (it will ignore any style directly within the div, as as such need put it in the p tag surrounding it) it will work initially, though when I edit the email in the future it will dump the div tag outside the p tag, so because of that I am not sure if my next problem is a quirk of Selligent or not. </p>
  
  <p>My question is that the size of header image works in all browsers except outlook (in outlook the size of the image becomes far larger then the specified size of 537px). The email has also been written with the CSS in the bottom of the email (I did not create this email, I have to try and fix their existing ones, I also know there are quite a few redundancies within it), could this be causing the problems as well?</p>
  
  <pre><code>&lt;div id="masection" maconstraint="SYSTEM.MAIL=1" mahidediv="true"&gt;
  
      &lt;table border="0" cellpadding="0" cellspacing="0" width="100%"&gt;
  
          &lt;tbody&gt;
  
              &lt;tr&gt;
  
                  &lt;td align="center"&gt;
  
                  &lt;p&gt;&lt;a style="font-family:Verdana, Helvetica, sans-serif; font-size:11px;" href="~PROBE(0)~"&gt;View this email in your browser.&lt;/a&gt;&lt;/p&gt;
  
                  &lt;/td&gt;
  
              &lt;/tr&gt;
  
          &lt;/tbody&gt;
  
      &lt;/table&gt;
  
  &lt;/div&gt;
  
  
  
  &lt;div&gt;
  
      &lt;table class="container" style="background-color: #ffffff; max-width: 600px; border-collapse: collapse; width: 0%;" width="100%" align="center" border="0" cellpadding="10" cellspacing="0"&gt;
  
          &lt;tbody&gt;
  
              &lt;tr&gt;
  
                  &lt;td style="text-align: center; vertical-align: top; font-size: 0;"&gt;&lt;!--[if (gte mso 9)|(IE)]&gt;&lt;table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;"&gt;&lt;tr&gt;&lt;td&gt;&lt;![endif]--&gt;
  
                  &lt;div style="width: 100%; display: inline-block; vertical-align:top;"&gt;
  
                      &lt;table style=" border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;" width="100%" border="0" cellpadding="0" cellspacing="0" draggable="true"&gt;
  
                          &lt;tbody&gt;
  
                              &lt;tr&gt;
  
                                  &lt;td style="font-size: 12px;text-align:center;padding-bottom:0px; " class="c-over sim-ml-middle"&gt;
  
                                  &lt;p&gt;&lt;span style="font-size: 14px;"&gt;&amp;nbsp;&lt;/span&gt;&amp;nbsp;&lt;/p&gt;
  
  
  
                                  &lt;p&gt;&lt;img alt="" style="width: 537px; height: 90px;" src="http://hearst.emsecure.net/images/CountryLiving/Country_Living_logo20012016.fw.png" /&gt;&lt;br /&gt;
  
                                  &amp;nbsp;&lt;/p&gt;
  
  
  
                                  &lt;hr /&gt;
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff;"&gt;&lt;span style="font-size:18px;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;&lt;strong&gt;Your first issue of Country Living&amp;nbsp;will arrive soon!&lt;/strong&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
  
  
  
                                  &lt;hr /&gt;
  
                                  &lt;p style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: right;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;Your subscriber number is:&amp;nbsp;~(RIGHT('000000000000'&amp; (TRANS_SUB_MAINLINK.CDS_CUSTOMER_ID),12))~&lt;/span&gt;&lt;br /&gt;
  
  
  
  
  
                                  &lt;b&gt;&lt;div id="MASECTION" macontenteditable="FALSE" maconstraint="" maparameter="LAST_ISSUE_PARAMETER" matype="" mahidediv="TRUE" contenteditable="FALSE" maclass="" malanguage="" mashowalllanguages="FALSE" mastyle=""&gt;
  
                                  &lt;/div&gt;&lt;/b&gt;&lt;/p&gt;
  
  
  
  
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: left;"&gt;&lt;br /&gt;
  
                                  &lt;span style="font-size:14px;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;Dear ~FORENAME~,&lt;/span&gt;&lt;br /&gt;
  
                                  &amp;nbsp;&lt;/span&gt;&lt;/p&gt;
  
  
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: left;"&gt;&lt;span style="font-size:14px;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;Just a quick update to let you know that your&amp;nbsp;&lt;/span&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;first&amp;nbsp;copy of &lt;/span&gt;&lt;em&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;Country Living&lt;/span&gt;&lt;/em&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt; will be with you soon, and should arrive around &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; background-color: #ffffff;"&gt;~(FORMATDATETIME(SUBS_DATES.UK_SALE_DATE,'%d %B %Y'))~&lt;/span&gt;&lt;span style="font-size:14px;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;. &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
  
                                  &lt;br /&gt;
  
                                  &lt;span style="font-size:14px;"&gt;&lt;span style="font-family:arial,helvetica,sans-serif;"&gt;&lt;!--StartFragment--&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; background-color: #ffffff; vertical-align: baseline;"&gt;In the meantime, if you need to update your personal details or check the status of your subscription you can&lt;/span&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; background-color: #ffffff; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;a href="~PROBE(109)~"&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; vertical-align: baseline;"&gt;manage your account online&lt;/span&gt;&lt;/a&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; vertical-align: baseline;"&gt;. If you still can't find what you're looking for and require further information, please see our&lt;a href="~PROBE(110)~"&gt; &lt;/a&gt;&lt;/span&gt;&lt;a href="~PROBE(110)~"&gt;&lt;u style="font-family: arial, helvetica, sans-serif; font-size: 14px; background-color: #ffffff;"&gt;&lt;span style="color: blue; letter-spacing: 0pt; vertical-align: baseline;"&gt;FAQs&lt;/span&gt;&lt;/u&gt;&lt;/a&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; vertical-align: baseline;"&gt; or &lt;/span&gt;&lt;a href="~PROBE(111)~"&gt;&lt;u style="font-family: arial, helvetica, sans-serif; font-size: 14px; background-color: #ffffff;"&gt;&lt;span style="color: blue; letter-spacing: 0pt; vertical-align: baseline;"&gt;Contact Us&lt;/span&gt;&lt;/u&gt;&lt;/a&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; vertical-align: baseline;"&gt; &lt;/span&gt;&lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; background-color: #ffffff; vertical-align: baseline;"&gt;and we will happily assist you.&lt;/span&gt;&lt;/p&gt;
  
  
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: left;"&gt;&lt;br /&gt;
  
                                  &lt;span style="font-family: arial, helvetica, sans-serif; font-size: 14px; letter-spacing: 0pt; background-color: #ffffff; font-style: italic; vertical-align: baseline;"&gt;All future delivery dates can be viewed &lt;/span&gt;&lt;a href="~PROBE(108)~"&gt;&lt;u style="font-family: arial, helvetica, sans-serif; font-size: 14px; background-color: #ffffff;"&gt;&lt;span style="color: blue; letter-spacing: 0pt; font-style: italic; vertical-align: baseline;"&gt;here.&lt;/span&gt;&lt;/u&gt;&lt;/a&gt;&lt;/p&gt;
  
  
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: left;"&gt;&lt;br /&gt;
  
                                  &lt;span style="font-size:14px;"&gt;&lt;span style="font-family: arial, helvetica, sans-serif;"&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;Thank you for subscribing to &lt;/span&gt;&lt;span style="letter-spacing: 0pt; vertical-align: baseline;"&gt;&lt;em&gt;Country Living&lt;/em&gt;.&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;
  
                                  &lt;br /&gt;
  
                                  &amp;nbsp;&lt;/p&gt;
  
  
  
                                  &lt;p style="font-family: 'Palatino Linotype', Arial, Helvetica, sans-serif; font-size: 12px; background-color: #ffffff; text-align: left;"&gt;&lt;span style="font-size: 14px;"&gt;&lt;span style="font-family: arial, helvetica, sans-serif;"&gt;The Country Living Customer Care Team&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
  
                                  &lt;br /&gt;
  
                                  &lt;hr /&gt;&lt;/td&gt;
  
                              &lt;/tr&gt;
  
                          &lt;/tbody&gt;
  
                      &lt;/table&gt;
  
                  &lt;/div&gt;
  
                  &lt;/td&gt;
  
              &lt;/tr&gt;
  
          &lt;/tbody&gt;
  
      &lt;/table&gt;
  
  
  
      &lt;table class="container" style="background-color:#FFFFFF;max-width:600px;border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;" width="100%" align="center" border="0" cellpadding="0" cellspacing="0"&gt;
  
          &lt;tbody&gt;
  
              &lt;tr&gt;
  
                  &lt;td style="text-align: center; vertical-align: top; font-size: 0;"&gt;&lt;!--[if (gte mso 9)|(IE)]&gt;&lt;table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;"&gt;&lt;tr&gt;&lt;td &gt;&lt;![endif]--&gt;
  
                  &lt;div style="width: 100%; display: inline-block; vertical-align:top;"&gt;
  
                      &lt;p&gt;&lt;/p&gt;
  
                      &lt;br /&gt;
  
                      &lt;br /&gt;
  
                      &amp;nbsp;
  
                  &lt;/div&gt;
  
                  &lt;!--[if (gte mso 9)|(IE)]&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt;&lt;/td&gt;
  
              &lt;/tr&gt;
  
          &lt;/tbody&gt;
  
      &lt;/table&gt;
  
      &lt;!--[if (gte mso 9)|(IE)]&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt;
  
  &lt;/div&gt;
  
  &lt;!--[if (gte mso 9)|(IE)]&gt;&lt;table width="600" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;"&gt;&lt;tr&gt;&lt;td&gt;&lt;![endif]--&gt;
  
  
  
  &lt;table class="container" align="center" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:600px;border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;background-color:#FFFFFF;"&gt;
  
      &lt;tbody&gt;
  
          &lt;tr&gt;
  
              &lt;td style="text-align: center; vertical-align: top; font-size: 0;"&gt;&lt;!--[if (gte mso 9)|(IE)]&gt;&lt;table width="100%" align="center" cellpadding="0" cellspacing="0" border="0" style="border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;"&gt;&lt;tr&gt;&lt;td&gt;&lt;![endif]--&gt;
  
              &lt;div style="width: 100%; display: inline-block; vertical-align:top;"&gt;
  
                  &lt;table width="100%" cellpadding="0" cellspacing="0" border="0" style=" border-collapse:collapse;mso-cellspacing:0px; mso-padding-alt: 0px 0px 0px 0px;"&gt;
  
                      &lt;tbody&gt;
  
                          &lt;tr&gt;
  
                              &lt;td style="width:20px;height:20px;"&gt;&lt;img border="0" align="left" alt="" style="width:20px;height:20px;" src="http://hearst.emsecure.net/images/Training/Spacer_01.gif" /&gt;&lt;/td&gt;
  
                              &lt;td style="color:#31313F;padding-bottom:4px;font-size:10px;text-align:center;font-family:Palatino Linotype, Arial, Helvetica, sans-serif;padding-top:20px;padding-bottom:20px;font-weight:500;border-top:1px solid #f2f2f2;padding-left:40px;padding-right:40px;" class="aligncenter paddinglr20"&gt;&lt;a style="text-decoration:none;" href="http://hearst.emsecure.net/optiext/optiextension.dll?id=PnkPFoV%2BZ5Y1zhmD5hSP8poysZWLO2gTRCsfhaRMNfgKFppIp_lxA5MXNxJzxMMRYIXgfOVJJ54SDwsAO_9UvDg4t_kPPf"&gt;&lt;img border="0" align="center" alt="" style="height:auto;width:auto;" src="http://hearst.emsecure.net/images/Training/HearstUKLogo.png" /&gt;&lt;/a&gt;&lt;br /&gt;
  
                              &lt;br /&gt;
  
                              &lt;span style="font-family:arial,helvetica,sans-serif;"&gt;This email and any attached files are intended for the named addressee only.&lt;br /&gt;
  
                              &lt;br /&gt;
  
                              Hearst magazines will only ever send email communications to those who have agreed to receive them. You are receiving this email because you signed up to receive communications from us. Please visit &lt;a href="~PROBE(107)~"&gt;hearst.co.uk/dp&lt;/a&gt; to view our privacy policy and full terms and conditions.&lt;br /&gt;
  
                              &lt;br /&gt;
  
                              The National Magazine Company Limited trading as Hearst Magazines UK&lt;br /&gt;
  
                              Registered Address: 72 Broadwick Street, London, W1F 9EP&lt;br /&gt;
  
                              Registered in England - Company Number: 112955&lt;/span&gt;&lt;br /&gt;
  
                              &lt;br /&gt;
  
                              &lt;br /&gt;
  
                              &amp;nbsp;&lt;/td&gt;
  
                              &lt;td style="width:20px;height:20px;"&gt;&lt;img border="0" align="left" alt="" style="width:20px;height:20px;" src="http://hearst.emsecure.net/images/Training/Spacer_01.gif" /&gt;&lt;/td&gt;
  
                          &lt;/tr&gt;
  
                      &lt;/tbody&gt;
  
                  &lt;/table&gt;
  
              &lt;/div&gt;
  
              &lt;!--[if (gte mso 9)|(IE)]&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt;&lt;/td&gt;
  
          &lt;/tr&gt;
  
      &lt;/tbody&gt;
  
  &lt;/table&gt;
  
  &lt;!--[if (gte mso 9)|(IE)]&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;![endif]--&gt;
  
  &lt;style type="text/css"&gt;div, p, a, li, td { -webkit-text-size-adjust:none; }
  
  @media screen and (min-width: 601px) {
  
      .container {
  
          width: 600px!important;
  
      }   
  
  }
  
  
  
  @media screen and (max-width: 601px){
  
       .col3{
  
          width: 100%!important;
  
      }
  
      .fullwidth{
  
          width:100%!important;   
  
      }
  
  
  
      .fiftywidth{
  
          width:50%!important;    
  
      }
  
  
  
      .bordernone{
  
      border:none!important;
  
      }
  
  
  
      .eightypercent{
  
          width:80%!important;    
  
      }
  
  
  
      .roundel{
  
          width:50%!important;    
  
      }
  
  
  
      .displaynone{
  
      display:none!important;
  
      }
  
      .aligncenter{
  
      text-align:center!important;
  
      }
  
  
  
      .ptext{
  
      font-size:16px!important;
  
      }
  
  
  
      .htext{
  
      font-size:27px!important;
  
      }
  
  
  
      .lhtext{
  
      font-size:35px!important;
  
      }
  
  
  
      .nopaddingbottom{
  
      padding-bottom:0px!important;   
  
      }
  
  
  
      .nopaddingtop{
  
      padding-top:0px!important;  
  
      }
  
  
  
      .nopadding{
  
      padding:0px!important;  
  
      }
  
  
  
      .nopaddinglr{
  
      padding-left:0px!important; 
  
      padding-right:0px!important;    
  
      }
  
  
  
      .paddingbottom20{
  
      padding-bottom:20px!important;  
  
      }
  
  
  
      .paddingbottom10{
  
      padding-bottom:10px!important;  
  
      }
  
  
  
      .paddingbottom30{
  
      padding-bottom:30px!important;  
  
      }
  
  
  
      .paddingtop30{
  
      padding-top:30px!important; 
  
      }
  
  
  
  
  
      .paddingtop20{
  
      padding-top:20px!important; 
  
      }
  
  
  
      .height20{
  
      height:20px!important;  
  
      }
  
  
  
  .paddinglr20{
  
      padding-left:20px!important;
  
                      padding-right:20px!important;   
  
      }
  
  
  
  }
  
  
  
  @media screen and (max-width: 800px){
  
  
  
  }
  
  
  
  @media only screen and (max-width: 480px),
  
      only screen and (-webkit-min-device-pixel-ratio: 1.5),
  
      only screen and (min-device-pixel-ratio: 1.5) {
  
          table[class="button"] {width: 100% !important;}
  
          table[class="button"] td[class="buttonTop"] {padding: 0 !important; font-size: 1.3em !important; }
  
          table[class="button"] td[class="buttonTop"] a {padding: 1em 0 1em 0 !important; display: block !important; }
  
          table[class="button"] td[class="buttonBottom"] {font-size: 1.4em !important; display: block !important; }
  
      }
  
  &lt;/style&gt;
  </code></pre>