Hotmail serving different content for different browsers
While putting our acid test through the paces it became apparent that Windows Live Hotmail (WLH) was exhibiting odd behavior in two different browsers. We tested our webmail clients in a couple different browsers not knowing the browsers themselves would have an impact on rendering. As it turns out, it unfortunately does.
In the case of WLH we encountered unique rendering of our acid test in each browser we tested: Firefox (Mac/Win), Safari (Mac/Win) and Internet Explorer (Win). The WLH generated/modified markup was slightly different in each browser as was the visual results. The thing to keep in mind here is this isn’t a browser rendering issue. Our acid test looks perfect in all three browsers, it’s the changes that WLH is making on the fly to the content itself that seems to be the issue here, which these screenshots demonstrate:
Our acid test page rendered in WLH with Firefox
Our acid test page rendered in WLH with Safari
Unfortunately it doesn’t end there. As well as the discrpeancies between Firefox and Safari, we were also presented with different rendering in Internet Explorer depending on the “version” of WLH we were using.
“Classic” versus “Full”
There are two versions of WLH: “Classic” and “Full”. Classic is an enhanced version of the original Hotmail GUI and Full is the new WLH GUI. One can switch between the two at any given time, and even go back and forth at will. It may be that Microsoft will simply upgrade everyone to the Full version at some point. But as of now, it’s a user-defined option.
The primary difference is the functionality of the application. The Full version is an AJAX-type interface with a preview pane, while Classic is faster with less bells and whistles.
So do they render emails differently? Yes, and no. It depends on what browser one is using to access an account. In Firefox and Safari, for example, switching between Full and Classic has little-to-no impact on the rendering of an HTML email. However, in IE there is a significant difference: Classic failed to render any of our CSS while Full rendered it fairly well.
Our acid test page rendered in WLH with Internet Explorer “Full” version
Our acid test page rendered in WLH with Internet Explorer “Classic” version
These findings mean that there are at least four different versions of content being served by this single email client depending on the browser and version being used. For our recommendations we used Firefox, which is actually one of the more favorable results out of these variations.
Stay Tuned for a Full Report
We intend to conduct some in-depth tests to help us better understand how WLH will render our HTML emails across various browsers and how this impacts our recommendations. We would like to help Microsoft with a comprehensive report so they can fully understand what we’d like to see with future updates of WLH. After all we can speak first hand about the labor required to test a webmail client. And, of course, they have it worse because while we simply report test results, they are charged with the task of making things right.
Very good job.
It’s hard in our time to send good html mail.
You’ve done a great job in these documentations.
Thanks, Billyboylindien. We definitely put a lot of work into this, which will all be worth the while if we can achieve a higher level of web standards in the email environment.
Any word on the Linux client Evolution?
This is similar to the behavior differences between the Microsoft Outlook Web Access email client (Premium and Basic). The Basic client completely strips out any style tags, as well as inline style references. Interestingly enough users are offered a choice of Basic or Premium if using IE, but only receive Basic (no choice) if using Firefox. I haven’t tested on a Mac, so I don’t konw how that’s handled.
@Jenn:
Actually, yes. Evolution doesn’t render CSS. It displays our acid test very much like the Safari example in this post. It would be great to have them on board with this effort as well.
Thunderbird on Linux, however, offers the same level of support that it does on other platforms.
@Jeff:
Awesome. Thanks for sharing this information; it will be helpful. We’ll look into that as well.
@Mark
Great to know! Thanks for the heads up :)
Oh, this sort of information is infinitely useful. I came across this exact problem in my testing of HTML emails (WLM not playing nice cross-browser), and it’s certainly been the cause of much hair-pulling and head-desking over here.
Thank you for everything you’ve offered thus far!
Forgetting CSS for a minute, Windows Live Mail/Hotmail cannot even render standard tables properly in FF, Safari and Opera. It adds in padding/spacing between every table row and tables themselves. I even affect MSN’s own newsletters! In Internet Explorer, the padding is (predictably) not visible.
It’s a absolutely shocking bug in my opinion, and the only web mail client that causes me real problems, as I have learnt to steer well clear of CSS in HTML emails for a long time.
re: exchange:
there is no plus/basic option for mac users that I’ve seen in either Safari or Firefox or even IE5. I never even knew such a thing existed until I just tried it on my pc!
@ Lewis:
The core mission behind the Email Standards Project is to push web standards into the email arena. Using tables for layout is not part of that agenda, which is why we did not test or report on support for them.
Regarding your wanting to avoid CSS in your HTML emails because of a lack of support, you’re not alone. And this is one of the primary reasons we’re asking email-client developers to support web standards.
@ a*p:
I actually use Macs for design/development and have been since day one. So my testing and screen shots originate on Mac and Windows depending on the context.
Regarding your specific challenge finding the “full” and “classic” links, you’ll find them behind the “options” button in the upper-right corner of the WLM GUI. I can see this on my Mac in Firefox and Safari, so I’m assuming you simply missed it?
I hope that helps.
@ everyone sharing gratitude:
You’re absolutely welcome. But don’t thank us—thank yourselves for being involved with the project. Success of ESP requires active participation from the web community.
This is some interesting information, thanks much for posting. Has the same study been done on Yahoo Mail, both the free and the Plus (paid) versions? I’d be curious to know what happens (or happened) there?
This news doesn’t surprise me as it seems all of the email clients struggle with HTML in some way, shape, or form. I’m curious as well if you have run your acid test on all the major players?
@Tom - Chair Mats:
You’re absolutely correct that all email-client developers struggle with support for HTML emails. It’s quite the challenge, and thus the reason we aren’t laying into them. We simply want to shed light on the need for better support and to offer our findings. Hopefully, this offers a nice foundation for them.
Also, you asked about our acid test. Yes, we have run this on the most commonly-used email clients, both desktop- and webmail-based, and reported the results on this site.
What version of i.e. are you testing in, is it the most up to date version or i.e.6?
Regarding your wanting to avoid CSS in your HTML emails because of a lack of support, you’re not alone.
Our acid test looks perfect in all three browsers, it’s the changes that WLH is making on the fly to the content itself that seems to be the issue here, which these screenshots demonstrate:
freyfreyThanks tewdscxo everyone who emailed us about Mobile Me, including Georg Stadler and Stefan Kremer who both sent in screengrabs.
Success of ESP requires active participation from the web community.
Excellent research, did they ever implement a solution or pay attention to the standards you were looking to achieve?
Thank you…
Çeviri dil hizmetleri
Good work
ocenki yverennosti
Great research ! I think the same thing with yahoo mail and gmail as well. Hotmail has some great features.
Thank you very much good work !
---------------------------
izdelija konsalting
Excellent research, did they ever implement a solution or pay attention to the standards you were looking to achieve?
thanks
regards,
Pearl jewelry
Thunderbird on Linux, however, offers the same level of support that it does on other platforms
It’s quite the challenge, and thus the reason we aren’t laying into them. We simply want to shed light on the need for better support and to offer our findings. Hopefully, this offers a nice foundation for them.
Regarding your specific challenge finding the “full” and “classic” links, you’ll find them behind the “options” button in the upper-right corner of the WLM GUI. I can see this on my Mac in Firefox and Safari, so I’m assuming you simply missed it?
I hope that helps.
Interesting findings. 4 different versions of the same content being served by this single email client.lol :)
Manufacturer of wholesale beads,wholesale
beads gemstone beads wholesale beads acrylic
beads, shell beads, seed beads, loose beads, glass beads, jewelry beads, cat eye
beads, cloisonne beads,lampwork beads fimo
beads, glass beads, wooden beads, ceramic beads, beads manufacturer, beads
supplier.
I really like this blog. please keep it up!!
I like this.11
Hilary Duff
Well done. The post is great… What i am looking for…
good job! <a href= “http://www.todoslot.es">coche slot</a>
I really like this blog. please keep it
Thank you, it is very good and i like it very much aion gold
Nice article. This is a great list for beginners and experts!
wholesale sterling silver jewellery,pearl jewelry,Wholesale sterling silver jewelry,andmade silver bracelet, ring jewelry, silver
pendants , necklaces , silver jewelry,earrings , 925 silver bridal & wedding ,jewelry,men & women jewelry,pearl jewelry,jewelry
shopping.925 sterling silver jewelry wholesale jewelry shopping, silver jewelry bulk order production jewelry shopping
Windows Live Hotmail, formerly known as MSN Hotmail and commonly referred to simply as Hotmail, is a free webmail service of the Windows Live brand provided by Microsoft.
You can make good use of the rohan money.
I am so glad to receive some latale online gold.
Good article, Me too i speack on my blog. Et si vous cherchez un bon site de tirage du tarot ou de voyance gratuite, suivez le lien.
There’s gonna be an exciting lida lida rehberi news break tomorrow, so I’ll go aheadto write and direct saç ekimi “Fletch Won” aka “Young Fletch”. For those of you that
mm thanksss
Very interesting article. Am very much concerned in the way you expressed it rather than the issue goin on.
Thanks
Although I have little runescape money , I will on the way of the rs for long time.
CSS is what it remains same. But any Evaluation won’t let it to go away from its main points.
Though Different browsers with different contents but same CSS will ensure the quality of Hotmail.
Even what I have got to know is WLM not playing nice cross-browser. Like to know more...!
Great Site Guys
The Hotmail web-based email service was founded by Jack Smith and Sabeer Bhatia and launched in July of 1996. Hotmail was one of the first free webmail services. It was subsequently acquired by Microsoft in 1997 for an estimated $400 million, and rebranded as “MSN Hotmail”. The current version, “Windows Live Hotmail” was officially announced on November 1, 2005 as an update to Microsoft’s existing MSN Hotmail service.
I see that in new version MLH.
The Hotmail web-based email service was founded by Jack Smith and Sabeer Bhatia and launched in July of 1996. Hotmail was one of the first free webmail services. It was subsequently acquired by Microsoft in 1997 for an estimated $400 million, and rebranded as “MSN Hotmail”.
Excellent research, did they ever implement a solution or pay attention to the standards. voyance gratuite or voyance
Very good work!
Thank you for this information.
gagner de l’argent
site uzerinden Sohbet ve ask odalarında Sohbet edebilirsiniz
This is similar to the behavior differences between the Microsoft Outlook Web Access email client (Premium and Basic)
Hello,
excellent information,
hotmail now you go through the spf MX each area!
but there is always good to see if it still apply on the sharpness of the IP address.
gagner de l’argenthttp://www.webcasheuro.net/gagner-argent.jpg
informative
Size of HTML email is a common complaint. I suppose get the structure correct and the size should be OK.
It’s helpful for me
thank you for cheap wow gold
Article very interesting, my contribution is simple, it is possible to write javascript in the BGCOLOR attribute of the
BODY tag, using CSS. This leads to execution when the email is viewed.
Javascript must be unicode encoded in order to fool the filter.
I speack me also on my site horoscope du jour and my article pour une consultation horoscope gratuit for your informations !! Votre avenir grace à l’astrologie, un site astral pour bien commencer votre journée.
This is similar to the behavior differences between the Microsoft Outlook
So good information.It’s very helpful for me wholesale jewelry | fashion jewelry
Hotmail is very good!
wholesale replica handbags
I’ve been having lots of problems with my Yahoo account and I have to say that Hotmail never gives me this type of problem.
This is similar to the behavior differences between the Microsoft Outlook Web Access email client (Premium and Basic)
Cayenne Pepper Diet
The WLH generated/modified markup was slightly different in each browser as was the visual results. The thing to keep in mind here is this isn’t a browser rendering issue.
Firefox (Mac/Win), Safari (Mac/Win) and Internet Explorer (Win). The WLH ?
Do You Think that So ? Please We Need To Program Fix All Problem With Net
Sabeer Bhatia and launched in July of 1996. Hotmail was one of the first free webmail services. It was subsequently acquired by Microsoft in 1997 for an estimated $400 million, and rebranded as “MSN Hotmail”. The current version, “Windows Live Hotmail” was officially announced
formerly known as MSN Hotmail and commonly referred to simply as Hotmail, is a free webmail service of the Windows Live brand provided by Microsoft.
It’s hard in our time to send good html mail.
Great research ! I think the same thing with yahoo mail and gmail as well.
You must have a good way to manage yourholic online money.
VVV
vcxv
It’s quite the challenge, and thus the reason we aren’t laying into them. We simply want to shed light on the need for better support and to offer our findings. Hopefully, this offers a nice foundation for them. ..
Hotmail keeps his rank on top of the mailing lists.
Just the easness is great. World in your hands great
Kantoormeubilair voor een gezonde en efficiente werkplek!
Burostoelen voor uw kantoorinrichting. Kantoormeubelen voor een goede projectinrichting. http://www.Kantoorinrichter.nl voor: burostoel, kantoormeubel, volledige kantoorinrichting, efficiente projectinrichting door burostoelen en kantoormeubels.Wij staan u ten dienste bij al deze zaken. http://www.kantoorinrichter.nl
Its excellent.
thank you sharing
hotmail best viev firefox
this is telly awesome article.Thanks for sharing with us,,
delonghi pinguino
This is really a nice article.contains good contents.
Why they dont make standard hotmail for all browsers.
MS have always their own way of doing things.
They get it done.
burostoel, kantoormeubel, volledige kantoorinrichting, efficiente projectinrichting door burostoelen en kantoormeubels.Wij staan u ten dienste bij al deze zaken. http://www.kantoorinrichter.nl
very good post thank
very helpfull
We run into these same issues with Hotmail rendering of html emails.
Since element ‘padding’ is *added* to element ‘width’ in some browsers but *included* with element ‘width’ in other browsers, the “quick fix” of substituting padding for margin can wind up pushing elements into one another, particularly if the elements are contained in a table with a fixed width.
Sometimes nesting divs with padding within divs with fixed width is a workable solution.
wholeslae silver jewelry,thanks
“Classic” versus “Full” Replica bags at ShopStyle selling leather goods
handmade jewelry
1 Trackback
vpyjtuqu - vpyjtuqu