Hi,

When testing my email, the text areas in black are not sticking to the 600pixel width. They appear to fill the width of the screen.

I cant work out whats wrong. Email html not my strongest!!

Looks fine in my apple mail but on outlook browsers issue persists. Does not show when I do in box experience?

Code below.

Thanks in advance.


<!DOCTYPE html>
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="format-detection" content="telephone=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>STAR WARS FEEL THE FORCE</title>
  <style type="text/css">
    * {mso-line-height-rule: exactly;}
    * {-webkit-text-size-adjust: none;-ms-text-size-adjust: none;}
    table td {border-collapse: collapse;}
    html, body, p, div {margin: 0;padding: 0;}
    .ExternalClass {width: 100%;}
    .ExternalClass * {line-height: 110%}
    img {-ms-interpolation-mode: bicubic;border: 0;display:block;}
    body {margin:0!important; padding:0!important; width: 100%!important;}
  </style>
  <style type="text/css">
    a[x-apple-data-detectors] {color: inherit!important;text-decoration: none!important;font-size: inherit!important;font-family: inherit!important;font-weight: inherit!important;line-height: inherit!important;} 
    div[style*="margin: 16px 0"] {margin: 0!important;}
  </style>

  <style>
    @media screen and (max-width:600px){
      .hide{display:none!important;} 
      .resize{width:100%!important;height:auto!important;}
      .stackup{display:table-header-group;}
      .stackdown{display:table-footer-group;}
      .text-center{text-align:center;}
      .padding10{padding:10px!important}
      .font12{font-size:26px!important;}
      .stack{display:block!important;width:100%!important}
    }
  </style>



</head>
<body style="margin:0!important; padding:0!important; width: 100%!important;" bgcolor="white" >


<table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">
    <tr>
            <td colspan="3" align="center">
            <img src="http://s7d5.scene7.com/is/image/ATCross/17-107-EMEA-Summer-Sizzler-EBLAST_01?scl=1&amp;f" width="100%" alt=""/></td>
    </tr>
    <tr>
            <td colspan="3" align="center">
            <img src="http://s7d5.scene7.com/is/image/ATCross/17-154-EMEA-BG-STAR-WARS-EBLAST-v2_01?scl=1&amp;f" width="100%" alt=""/></td>
    </tr>


    <tr align="center">
        <td width="27" align="center" bgcolor="#000000"> </td>
      <td align="center" bgcolor="#000000" ><p> <span style="letter-spacing: 8px; valign: center;"> <font face="arial" color="WHITE" size="6"> FEEL THE FORCE</font></span></p>
    <br>
          <p><span style="letter-spacing: 0px; valign: center;"> <font color="white" size="3" face="arial"> To celebrate Force Friday on 1st September we are giving you the opportunity to purchase our Star Wars&#8482; collections at prices that are from another galaxy.</font></span></p>
          <p><br>

          </p>
          <p> <span style="letter-spacing: 0px; valign: center;"> <font color="white" size="3" face="arial"> Choose a gift for yourself or a fellow Star Wars&#8482; fan.</font></span></p>
          <br>
        </td>
        <br>
        <td width="27" align="center" bgcolor="#000000" ></td>
    </tr>

    </table>

    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">
    <td align="center">
        <br>
    <p> <span style="letter-spacing: 8px; valign: center;"> <font face="arial" color="black" size="6"> CROSS</font></span></p>
        <br>
        <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="000000" size="4"> STAR WARS&#8482; CLICK BALLPEN </font></span>
            <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="000000" size="4">
            <br>
            <br>
       <strong>PRICE &pound;15</strong></font></span></p>
<br>
    </td>
    </tr>
    </table>


    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">
        <td cellpadding="0" cellspacing="0" align="center" border="0" colspan="3"><img src="http://s7d5.scene7.com/is/image/ATCross/17-154-EMEA-BG-STAR-WARS-EBLAST-v2_05?scl=1&amp;f" width="100%" alt=""/></td>
    </tr>
    </table>



    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0"> 
    <tr align="center">
        <td width="27" align="center" bgcolor="#ffffff"> </td>
    <td align="center">
    <p>&nbsp; </p>
    <p><span style="letter-spacing: 8px; valign: center;"><font face="arial" color="black" size="6">FEATURING </font></span></p>
        <br>
      <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="000000" size="4"> DARTH VADER, C3-P0, STORMTROOPER, BB-8 and R2-D2 </font></span>
        <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="000000" size="4">
            <br>
            <br>
      <strong>RRP &pound;30</strong></font></span></p>
    <br>
    </td>
        <td width="27" align="center" bgcolor="#ffffff"> </td>
    </tr>
    </table>



<table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0" bg colour="">

        <tr align="center">

    <td align="center" bgcolor="#000000">
        <br>
    <p> <span style="letter-spacing: 8px; valign: center;"> <font face="arial" color="white" size="6"> SHEAFFER STAR WARS&#8482;</font></span></p>
        <br>
        <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="white" size="3"> STAR WARS&#8482; POP ROLLINGBALL PEN </font></span>
            <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="white" size="4">
            <br>
            <br>
       <strong>PRICE: RB &pound;8 FP &pound;9</strong></font></span></p>
<br>
    </td>
    </tr>
    </table>


    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">
        <td cellpadding="0" cellspacing="0" align="center" border="0" colspan="3"><img src="http://s7d5.scene7.com/is/image/ATCross/17-154-EMEA-BG-STAR-WARS-EBLAST-v2_08?scl=1&amp;f" width="100%"  alt=""/></td>
    </tr>
    </table>



    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0"> 
    <tr align="center">
                <td width="27" align="center" bgcolor="#000000" ></td>

    <td align="center" bgcolor="#000000">
    <p>&nbsp; </p>
    <p><span style="letter-spacing: 8px; valign: center;"><font face="arial" color="white" size="6">FEATURING </font></span></p>
        <br>
      <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="white" size="3"> DARHT VADER, C3-P0, STORMTROOPER, BB-8, R2-D2 </font></span>
        <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="white" size="4">
            <br>
            <br>
            <strong>RRP: RB &pound;16  FP &pound;18</strong></font></span></p>
    <br>
    </td>
                <td width="27" align="center" bgcolor="#000000" ></td>

    </tr>
    </table>

        <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">

    <td align="center">
        <br>
    <p> <span style="letter-spacing: 8px; valign: center;"> <font face="arial" color="black" size="6"> SHEAFFER STAR WARS&#8482; </font></span></p>
        <br>
        <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="000000" size="4"> JOURNALS </font></span>
            <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="000000" size="4">
            <br>
            <br>
       <strong>PRICE &pound;8.99</strong></font></span></p>
<br>
    </td>
    </tr>
    </table>


    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">
        <td cellpadding="0" cellspacing="0" align="center" border="0" colspan="3"><img src="http://s7d5.scene7.com/is/image/ATCross/17-154-EMEA-BG-STAR-WARS-EBLAST-v2_12?scl=1&amp;f" width="100%" alt=""/></td>
    </tr>
    </table>



    <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0"> 
    <tr align="center">
        <td width="27" align="center" bgcolor="#ffffff"> </td>
    <td align="center">
    <p>&nbsp; </p>
    <p><span style="letter-spacing: 8px; valign: center;"><font face="arial" color="black" size="6">FEATURING </font></span></p>
        <br>
      <p> <span style="letter-spacing: 2px; valign: center;"> <font face="arial" color="black" size="4"> DARTH VADER, YODA OR R2-D2 </font></span>
        <span style="letter-spacing: 2px; valign: center;"><font face="arial" color="black" size="4">
            <br>
            <br>
      <strong>RRP &pound;11.99</strong></font></span></p>
    <br>
    </td>
        <td width="27" align="center" bgcolor="#ffffff"> </td>
    </tr>
    </table>



        <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">
        <tr align="center">
<td width="600" align="center" bgcolor="#000000"> 
<br>
<p> <span style="letter-spacing: 0px; line-height: 20px; valign: center;"> <font face="arial" color="white" size="5"> 
<strong>CONTACT SARAH COOPER</strong></font></span></p>
    <br>
<p> <span style="letter-spacing: 0px; line-height: 20px; valign: center;"> <font face="arial" color="#ebaa00" size="5"> 
<a href="mailto:scooper@cross.com" style="color: #ebab21;">scooper@cross.com</a> </font></span></p>
    <br>
<p> <span style="letter-spacing: 0px; line-height: 20px; valign: center;"> <font face="arial" color="white" size="5"> 
    or call 01582 422 793</font></span></p>
<p>&nbsp;</p>
</td>
</tr>
        </table>


        <table role="presentation" style="max-width: 600px" width="100%" cellpadding="0" cellspacing="0" align="center" border="0">

        <tr align="center">
                <td width="27" align="center" bgcolor="#ffffff"> </td>
    <td align="center">
    <p> <span style="letter-spacing: 0px; valign: center;"> <font face="arial" color="black" size="4"> 
 <br>
 <strong>*OFFER VALID FOR STAFF ORDERS ONLY. ORDERS MUST BE INVOICED BY 24TH AUGUST 2017.</strong></font></span><br></p>
<br>
    </td>
                <td width="27" align="center" bgcolor="#ffffff"> </td>
    </tr>

</table>




<!-- End Save for Web Slices -->
</body>

</html>