Outlook 2013 - Issues with width
max-width does not work in Outlook 2013
by Wally Glenn
HTML
<html>
<head>
<!-- <style type="text/CSS">body, #body_style {
background:#f3f2e8;
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;}
.yshortcuts {color: #F00;}
</style>
!-->
<!--[if (gte mso 9)|(IE)]><style type="text/css">
* {font-family: Arial, sans-serif !important; font-size: 14px;}
li {text-indent: -1em;}
</style>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta charset="UTF-8">
<title>Halloween Cocktails to Heat Up Your Bar</title>
</head>
<body bgcolor="#f3f2e8" style="padding:0;margin:0;background:url('http://betterbartend.com/wp-content/uploads/2017/10/Wallpaper-1.jpeg');font-family:arial, sans-serif;font-size:12px; background-color: white;">
<!-- @@ this background image will never show in gmail or Outlook -->
<!-- @@ Try background: instead of background-color -->
<table align="center" border="1" cellpadding="5" cellspacing="0" width="728">
<tbody>
<tr valign="center">
<td align="left" style="font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: normal; font-size: 10px; font-weight: normal; padding-left: 10px;" valign="bottom" width="400">Better Bartending - October 11, 2017</td>
<td align="right" style="font-family: Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; line-height: normal; font-size: 10px; font-weight: normal; padding-right: 20px;" valign="bottom" width="328">To view this email as a web page, click <a href="@{mv_online_version}@">here.</a></td>
</tr>
</tbody>
</table>
<table style="margin: 10px auto; max-width: 760px !important; width: 760px !important; background-color: white;">
<tr>
<td style="margin: 10px auto; max-width: 760px !important; width: 760px !important; background-color: white;">
...