Newsletter not centering in Hotmail

I have a 657px wide newsletter that used to center in hotmail, but a recent check shows the center table aligning to the left.

This is working in all other clients.

The code in question (the container table) is shown below. Anything stick out I should be doing differently? Why might this NOT center in Hotmail?

<table align="center" width="100%" border="0" cellpadding="0" cellspacing="0" style="padding:0px; margin:0px;" background="body_bg.jpg"><tr><td align="center">

<!-- START HEADER -->
    <table align="center" width="657" border="0" valign="top" cellpadding="0" cellspacing="0" bgcolor="#000000">
    <tr>
        <td width="657" align="center" bgcolor="#000000" style="color:ffffff;"><a target="_blank" href="#"><img style="display:block;" src="top_header.jpg" width="657" height="123" border="0" /></a></td>
    </tr>
    </table>
<!-- END HEADER -->

And so on...

roshodgekiss roshodgekiss, 6 years ago

Hi dennybot, welcome to the forums! Hotmail has recently changed the way they display emails in their reading pane, resulting in the left-alignment you describe above. Here's a blog post with details.

The skinny is that you need to add the following styles to your header:

<style type="text/css">

   .ReadMsgBody { width: 100%;}

   .ExternalClass {width: 100%;}

</style>

Hopefully that will do the trick - let me know if it works for you.


Get in touch with us on Twitter: http://twitter.com/campaignmonitor
We're also on Facebook: http://facebook.com/campaignmonitor

200,000 companies around the world can't be wrong.

From Australia to Zimbabwe, and everywhere in between, companies count on 
Campaign Monitor for email campaigns that drive real business results.

Get started for free
1-888-533-8098