Sadly, what the new Windows Live Hotmail is doing is setting the email width as the maximum fixed width defined in your HTML code. This means that it’s collapsing/ignoring the outer table (width="100%") and only showing the inner table (width="600"):
The side-effect of this is that the campaign now also looks left-aligned, thanks to the copious amount of white-space to the right.
Ouch… What’s the fix?
In so much as you could set the fixed width of your inner table to something wider (eg. width="800"), this makes the email increasingly difficult to read on devices with small resolutions, such as smartphones and older PCs. Thankfully, Emailcenter came up with an ingenious fix, that simply involves adding the following code to the <head> section of your HTML email code:
Like magic, your email newsletter is restored to all its glory:
With Hotmail accounting for over 16% of email client market share worldwide, it’s simply worth adding this fix to keep your email rendering as close to what’s intended as possible. Reassuringly, this snippet doesn’t have any impact on how your email displays in all the other major email clients.
Many thanks to the team at Emailcenter for sharing this valuable tip with us, and thank you to Oye Modern for allowing us to demonstrate with their lovely newsletter. If you’re seeing any other quirks in the new Windows Live Hotmail, please share them in the comments below.