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

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098