We're having problems with our emails rendering in Outlook in Windows 10. They have a really narrow text area while the email itself is much wider - causing recipients to have to scroll right to read the text. Anyone else with this problem or know a fix? The template code is below. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd "> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="initial-scale=1.0"> <!-- So that mobile webkit will display zoomed in --> <meta name="format-detection" content="telephone=no"> <!-- disable auto telephone linking in iOS --> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <!-- enable MQ on Windows Phone --> <title>Evaluate</title> <style type="text/css"> /* Resets: see reset.css for details */ .ReadMsgBody { width: 100%; background-color: #ebebeb;} .ExternalClass {width: 100%; background-color: #ebebeb;} .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;} body {-webkit-text-size-adjust:none; -ms-text-size-adjust:none;} body {margin:0; padding:0;} table {border-spacing:0;} table td {border-collapse:collapse;} .yshortcuts a {border-bottom: none !important;} .flexImage{max-width: 600px;} .flexImageCell {line-height:5px;} .prehead{display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;font-size:1px;line-height:1px;max-height:0px;max-width:0px;overflow:hidden;mso-hide:all;} img{-ms-interpolation-mode: bicubic;} /* Force IE to smoothly render resized images. */ body, table, td, p, a, li, blockquote{-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} /* Prevent Windows- and Webkit-based mobile platforms from changing declared text sizes. */ /* Constrain email width for small screens */ @media screen and (max-width: 585px) { table[class="container"] { width: 100% !important; } table[class="container-last"] { width: 100% !important; padding-top: 20px; } td[class="padcell"] { width: 10px !important; } } /* Give content more room on mobile */ @media screen and (max-width: 585px) { td[class="container-padding"] { padding-left: 10px !important; padding-right: 10px !important; } } /* image control */ @media screen and (max-width: 585px) { img[class="flexImage"] { height:auto !important; width:100% !important; } img[class="flexRule"] { height:auto !important; width:90% !important; height: 1px !important; } /* Mobile styles */ td[class="title"] { text-align: left !important; display: block; padding-top: 10px !important; line-height: 16px !important; /*padding-bottom: 20px !important;*/ padding-left: 0 !important; padding-right: 0 !important; } td[class="logo"] { text-align: right !important; display: block; /*padding-top: 12px !important;*/ /*padding-bottom: 18px !important;*/ padding-left: 0 !important; padding-right: 0 !important; } td[class="mobile-h1"] { font-size: 36px !important; line-height: 36px !important; } td[class="mobile-h2"] { font-size: 24px !important; line-height: 28px !important; } td[class="mobile-h2-download"] { font-size: 24px !important; line-height: 28px !important; } a[class="tocLink"] { font-size: 14px !important; line-height: 28px !important; } /* hide elements on mobile */ table[class="hideOnMobile"] { display: none; } td[class="hideOnMobile"] { display: none; } } /* Styles for forcing columns to rows */ @media only screen and (max-width : 585px) { /* force container columns to (horizontal) blocks */ td[class="force-col"] { display: block; width: 100%; padding-right: 0 !important; padding-left: 0 !important; } /* Gmail fix */ *[class="gmail"] { display: none !important } } </style> <!--[if gte mso 15]> <style type="text/css"> table { font-size:1px; line-height:0; mso-margin-top-alt:1px; } </style> <![endif]--> </head> <body style="margin:0; padding:0;" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <div class="prehead" style="display:none !important;visibility:hidden;opacity:0;color:transparent;height:0;width:0;font-size:1px;line-height:1px;max-height:0px;max-width:0px;overflow:hidden;mso-hide:all;"> <div class="mktEditable" id="previewText">Edit this and ensure it's at least 90 characters long</div> </div> <!-- 100% wrapper (white background) --> <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="center" valign="top" bgcolor="#ffffff" style="background-color: #ffffff;"> <!-- ::MODUlE Gmail fix --> <table width="600" cellpadding="0" cellspacing="0" class="container"> <tr> <td class="gmail"> <img alt="" width="600" height="1" border="0" style="display:block;min-height:1px;max-height:1px;width:600px;min-width:600px;" src=" http://info.evaluategroup.com/rs/607-YGS-364/images/px-vantage.gif "> </td> </tr> </table> <table border="0" width="600" cellpadding="20" cellspacing="0" class="hideOnMobile" bgcolor="#f3f2f3"> <tr> <td align="center" bgcolor="#ffffff" style="font-size:11px;line-height:11px;font-family:Arial,Helvetica,sans-serif;color:#7e7e7e;text-align:right;text-decoration:none"><div class="mktEditable" id="web"><a href="{{system.viewAsWebpageLink}}" style="font-size:11px;line-height:11px;font-family:Arial,Helvetica,sans-serif;color:#7e7e7e;text-align:right;text-decoration:none">Web version</a> | <a href="{{system.forwardToFriendLink}}"style="font-size:11px;line-height:11px;font-family:Arial,Helvetica,sans-serif;color:#7e7e7e;text-align:right;text-decoration:none">Forward to a Colleague</a> </div></td> </tr> </table> <!-- EN intro para --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="enintro">Dear Laura,</div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> <!-- EN header --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="enheader">Support client's business processes in Japan with the first consensus forecasts to 2022 - <a href="#">Find out more</a></div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> <!-- EN main --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="enmain"><a href="#">According to our forecasts</a> the Japanese pharmaceutical market is set to grow at a compounded average growth rate (CAGR) of 3.3% between 2017 and 2022, significantly lower than the worldwide outlook (6.5% CAGR). <a href="#">Find out more</a>.<br><br>Make faster business critical decisions with Evaluate’s industry-leading consensus forecasts, combined with historical sales and sales by indication for the Japanese market.<br><br><a href="#">Evaluate Japan Drug Forecasts</a> include over 1,000 marketed and R&D products which make up over 80% of the total Japanese market value in 2016:</div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> <!-- EN highlights --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="enhighlights"> <ul> <li><strong>Product Valuation</strong> - Create product and company portfolio valuations for Japan market with standardised consensus forecasts to 2022</li> <li><strong>Competitive Analysis</strong> - Benchmark product performance and map uptake trends and key drivers for Japan market</li> <li><strong>Market Sizing</strong> - Model future dynamics of Japanese market to 2022 and compare with worldwide, USA and EU consensus forecasts</li> <li><strong>Sales by Indication</strong> - Model product sales at indication level and identify the key growth drivers</li> <li><strong>Horizon Scanning</strong> - Map pipeline assets likely to launch by 2022 and measure impact to understand future asset value</li> </ul> </div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> <!-- EN signature --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="ensignature"><a href="#">Contact me today</a> to find out how Evaluate Japan Drug Forecasts can help you make better commercial decisions.<br><br>Kind regards,<br>The Evaluate Team</div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> <!-- EN footer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td class="container-padding" bgcolor="#ffffff" style="background-color: #ffffff; padding-left: 24px; padding-right: 24px;"> <table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr> <td align="left" bgcolor="#ffffff" style="font-size:15px;line-height:24px;font-weight:normal;font-family:Arial,Helvetica,sans-serif;color:#333333;"><div class="mktEditable" id="enfooter"><a href="mailto: evaluatepharma@evaluategroup.com "> evaluatepharma@evaluategroup.com </a><br>T: </div></td> </tr> </table> </td> </tr> </table> <!-- :spacer --> <table class="container" border="0" width="600" cellpadding="0" cellspacing="0" bgcolor="#ffffff"> <tr style="font-size:1px; line-height:0; -webkit-text-size-adjust:none;"> <td bgcolor="#ffffff" height="20"><font style="display:none;"> </font></td> </tr> </table> </td> </tr> </table> <!--/100% wrapper--> </body> </html>
... View more