Outlook Web App (2010)

has anyone used this? the rendering is totally screwy! in the preview window at least

We used to be able to get our emails to render really well in the older (2003) Outlook Web App by doing everything without CSS, but now in 2010 not even this works properly. The biggest issue is spacer images in the preview window: it appears to set the height of the spacer to the same as the width defined. As you can imagine this sends the layout all over the place. Anyone know any fixes for this?

thanks
J

Firefox OWA Preview
http://i51.tinypic.com/2jb61kx.gif

IE7 OWA Preview
http://i52.tinypic.com/b4tcox.gif

Firefox OWA Full View
http://i54.tinypic.com/oizkec.gif

Chrome OWA Preview
http://i56.tinypic.com/amvebm.gif

Mathew Mathew, 6 years ago

We don't know much about the Outlook Web App - we hear so little about it from customers that it hasn't been investigated much.

Sounds like it is not a great situation though and we'd be happy to hear from anyone who has some experience.


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

I've gotten my templates to work in Outlook 2010 web app. However, all links get "text-decoration: underline". Even images. There are a few other caveats, but not much. It seems to strip css and alter the html quite a bit. It puts loads of elements around text like <div>, <font> and <span> that aren't originally there.

wvpv wvpv, 5 years ago
oddhill :

I've gotten my templates to work in Outlook 2010 web app. However, all links get "text-decoration: underline". Even images. There are a few other caveats, but not much. It seems to strip css and alter the html quite a bit. It puts loads of elements around text like <div>, <font> and <span> that aren't originally there.

Sorry to revive this old thread, but I'm curious about what your solution was to the spacer images.  Care to share?  Thanks.

gaga1227, 5 years ago

I had the same issue with using spacer images, I got around it by specify a css height for the spacer images and wrapped it in a div with the same css height and an overflow:hidden.

roshodgekiss roshodgekiss, 5 years ago

Thanks gaga1227, really appreciate you adding your solution here. We need all the help we can get when it comes to debugging OWA :D


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