HTML rendering issue with Windows Live Hotmail in Firefox
For the ones who have to design HTML emails for clients, you may have been facing this issue. When you try to cascade some images, you might find gaps at the bottom of the images - only on Windows Live Hotmail opened in Firefox - they just won’t stick together.
Our company has to process a lot of HTML email send-outs every week, and this has been causing us a lot of trouble.
Finally we found what has gone wrong.
Windows Live Hotmail renders HTML in standard mode. Any inline element (eg. img) in a table cell will be aligned to the text baseline. This allows space for any descenders that extend below the baseline for some letters.
To fix this is really simple: put style=”display:block;” on the img tags.
When will MS stop giving us problems?
This entry was posted on Saturday, October 6th, 2007 at 11:54 am and is filed under Email, Web 2.0, Web Design & CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.
October 8th, 2007 at 10:50 pm
What about text. It seems to that WLM deisplay it in different way than other email clients
October 19th, 2007 at 12:57 am
Man, I remember when AOL was the email enemy. The torch certainly has been passed, hasn’t it?
Anyway, THANK YOU for posting this. I’ve been getting nowhere trying to solve this Hotmail issue. Every other platform I tested on worked perfectly — AOL, Gmail, Earthlink, Thunderbird, Mac Mail, on and on. Even Microsoft’s own Live Mail software(??). So I just found your Hotmail fix, tried it out and sure enough, it worked. And with finesse! Now if they could just render line-heights and margins like the rest of the world…
October 31st, 2007 at 9:42 pm
thanks a lot…..just saved me from a ‘banging head against a wall’ moment
June 21st, 2008 at 8:25 am
Awesome! Thank you so much! I’ve been going crazy trying to figure this out.
August 2nd, 2008 at 2:13 am
OMG I love you. Seriously, I love you.
November 14th, 2008 at 2:25 am
I love you so much !!!