The Elephant in the Room

Almost a month ago, I wrote about supporting older browsers — how and whether we should even support them.

We draw a line in the sand that says, "You popular browsers, stand over here. Everybody else, just be happy you got content."

More specifically, a base style sheet would declare some default font styles but no float or other layout tricks. Just linear content. This default would look decent in any browser, no matter from what era. It makes a great print style sheet, too.

The general consensus that came from that was to ignore old browsers like they don't exist. Testing in every browser is impossible. Therefore, we test for what we know and hope for the best with the rest.

Today, Andy Clarke (and all that malarkey) released a Universal Internet Explorer 6 CSS. The idea behind it is to provide a simple style sheet devoid of any layout tricks but that still provides a designed experience. Just linear content. This default would look decent in any browser. It even makes a great print style sheet, too.

I, personally, prefer this approach of providing a minimalist experience over the idea of preventing people from accessing it altogether. Or berating them for their choice of browser, assuming they have any choice at all. We should stop making fun of the kid who dresses funny because his parents can't afford nice clothes.

This still doesn't solve the problem for those browsers we no longer want to test in. What of those 83 people that visited my site in the last month with Safari 2? Or the 2500 people that were still using Firefox 2? I can only assume that what I've designed looks half decent. I mean, Firefox 2 has decent CSS support, right?

I guess we just hope for the best.

Published May 21, 2009
Categorized as Browsers
Short URL: http://snook.ca/s/948

Conversation

32 Comments · RSS feed
Chris Wallace said on May 21, 2009

I definitely agree with this approach. I wrote about my hatred of IE6 update because of the issues it causes. I think this is the right solution. However, I still do think if your IE6 audience is in the 30% and up range, you really need to make sure you're doing the right thing in dropping any and all advanced features and layout styles from your web app or website.

Paulo Pereira said on May 21, 2009

I think approaching IE6 w/ a separate stylesheet is an awesome idea. This idea came up sometime ago in the community, actually, but I can't remember who had it in the first place.

While I agree with the approach, I don't agree with the Universal IE6 CSS. I think it's good as a basis to create your own, I'd never use Alan's CSS. I mean, even if the layout is trimmed down and linear, IE6 still has some typography and colors support. You can still keep your branding and your style there, so why not to?

DavidYell said on May 21, 2009

I love this idea, we shouldn't punish people for using legacy browsers, but they MUST be pushed away from this technology at some point so why not now. With CSS3 support potentially around the corner, they are only going to get less and less from the net in terms of experience and enjoyability as time goes by.

Something like this though does let them down slowly, coupled with tricks like http://ie6update.com/ and http://code.google.com/p/sevenup/ should help them to make the transition cleanly and without feeling victimised for LIVING IN THE DARK AGES! :p

Good article :)

NIck Burd said on May 21, 2009

I think that using a typical cookie cutter CSS layout could prove to be a little un-realistic. As Paulo Pereira above me suggested:

"IE6 still has some typography and colors support. You can still keep your branding and your style there, so why not to?"

Mind you I'm still horribly new to the whole web design thing, but wouldn't otherwise suggest that several sites on the net will look pretty well identical in IE6? And while I would rather just slice IE6 out of my life, I would much rather prefer to have something with my own look and feel added to it.

There seems to be 2 sides to every story however, a separate approach to this would simply be that its better to have something of a cookie cutter design for IE6, than to have a broken, non-functional website.

So again, I find myself torn between good and bad. But like you mentioned, there is no way to test every browser, and we do tend to just hope for the best in a sense.

Jonathan Snook said on May 21, 2009

@DavidYell: don't be mean to your users. and no, they mustn't be moved off it if they don't want to go. That seems very arrogant of us. They'll leave, in time. We just have to be patient.

@Nick, let me clarify that I don't think Andy's style sheet should be used as-is without any customization whatsoever — although, with the number of overused WordPress themes out there, I'm not sure the average user would notice everything looking the same. It's the idea I support. Make your own design. Make it fit within your brand. Use Andy's as a base, if it makes your life easier.

Chris Wallace said on May 21, 2009

@Nick, I think the actual implementation will always need customization. It's not meant to just be added to your list of stylesheets and left alone. I think some basic branding and colors are quite easy changes, as well as updating the list of classes and ids in the IE6 stylesheet.

Chris Wallace said on May 21, 2009

@Jonathan Damn, just beat me to it. :)

Rob said on May 21, 2009

Thanks for this post. A lot of people still stuck on IE6 are not simpletons who don't care about better browsers -- it's entire offices with a busy IT staff and some entrenched applications, still unable to upgrade. Reminders about better browsers or giving the cold shoulder is in many cases beating a dead (browser) horse.

Michael Kozakewich said on May 21, 2009

But I've just finished designing the most wonderful anti-IE6 t-shirt!

The thing about IE6 is that a lot of big businesses just refuse to upgrade their computers, so it's a good idea to give them an alternate style.
I couldn't imagine Firefox 2 users being anything but lazy, though. I think a lot of people have upgrading issues, anyway (A theme I had on Firefox 2 kept me from getting 3 until I uninstalled things).

Inconveniencing the user wouldn't do anything, anyway. We can shuttle them off in another direction and just forget about them, or we could do something, somehow, to make the companies themselves upgrade from IE6 (or, more specifically, upgrade from Win95 or whatever they're using).
On second thought, the people using those computer might have installed Firefox 2, if Firefox 3 has issues with really old computers like that. Maybe that's why you're getting so many of those.

Phil Ricketts said on May 21, 2009

You noted 2500 firefox 2 visitors per month. I find that very interesting. Does anyone here use (css) 'display:inline-block'. FF2 does not support this at all. IE6 does.

I have never really considered Firefox 2 users until recently, but have now made myself more aware of ff2's limitations. Inline-block being a major one I think.

Pete said on May 21, 2009

To play devils advocate..

Sometimes providing complete ie6 support is a complete pain, but more often than not I find providing *good* support for it (i.e not breaking my back to emulate fixed positioning) is not too much work.

So this feels to me a bit like developers patting each other on the back saying "Lets boycott the difficult browser and not have a conscience about it", as being the the most enlightened solution to the problem.

Maybe when the user share is, say < 5%, I could adopt this philosophy for client work, but for now this seems a bit pre-mature, and dare I say it, a little unprofessional.

Phil Ricketts said on May 21, 2009

Also, check out SenCSS: http://sencss.kilianvalkhof.com/

nick burd said on May 21, 2009

Wordpress is another thing that seems to be overpopulating with repeat themes.. and Joomla!, etc.

But yes, it would be ideal to style based on your design using this template as a base.

Jamie said on May 21, 2009

I like this idea in theory, but I've met with enough difficult clients to know that, at least with my company, it just wouldn't fly. Sure, some might be savvy enough to know that a simplified IE6 layout would be cheaper in the long run. But the too many of our clients don't know what IE6 or even Internet Explorer is (it's just "the internet"), want their website to look the same "on every screen", and really have no concept that different browsers render websites differently. Most of our websites (we have about 500 registered in Google Analytics) see anywhere from 12-20% IE6 usage, which, in my opinion, is still (unfortunately) significant enough. Once it drops below 10% then we'll probably drop or significantly cut back support.

Jake Archibald said on May 21, 2009

You can't forget that some people use IE6 because they have no other choice.

Many large companies still use IE6 as their desktop browser and don't allow users to install other browsers for 'security reasons'. I know that's ironic, but it's how it is for a lot of people.

If you stop supporting IE6 you're turning your back on a significant amount of users, the majority in some cases (although not for web-dev related sites like this one).

I'd like to stop supporting IE6 too, but remember you're developing for the end user, if you give them a below-par experience you're failing at your job.

Jesse Altman said on May 21, 2009

This is a good idea, but if any of this work is being done professionally it just isn't practical. No one wants to pay for a site that does not look optimal in less commonly used, but still rather active browsers.

The main issue is that anyone who, for instance, works at a company that has all of their computers locked down and uses IE 6 still, will have a different experience if they go home an use a personal computer that has IE 8, Firefox 3, Safari 4, Chrome, etc. This inevitably leads to a bad process of having inconsistent design, which can lead people to be confused while attempting to use a site in different locations.

Gary Turner said on May 21, 2009

Perhaps it's because of the years spent fighting IE6's oddities have made it second nature, but I see no need not to feed it from the same trough. The bug hacks are safe, and the work-arounds are pretty well known and generally easy to implement. This applies to IE7 also, a minor bug-fix/cosmetic revision of IE6.

Phil Ricketts: "Does anyone here use (css) 'display:inline-block'. FF2 does not support this at all. IE6 does."

FF2 supports inline-block as the proprietary/test property value, "-moz-inline-box". There are some issues to be dealt with, but on the whole, it works rather well. IE6/7 does not actually support the value. Instead, it gives inline elements hasLayout, which allows dimensioning. Block level elements must be made inline for these browsers.

You may study my inline-block gallery demo for usage. Inline-block has been sadly neglected due to IE6's (actual) non-support, and FF2's proprietary value.

cheers,

gary

dr. Hannibal Lecter said on May 21, 2009

Initially, I wanted to post a message here. But I felt it was too large so I've cast it into an article:

http://dsi.vozibrale.com/articles/view/ie-sucks-and-can-kiss-my-ass

It's nothing personal, I just disagree with the idea of holding IE by the hand. I say let it die already. We have the guns, let's use them.

Heather Kyle said on May 21, 2009

Great point, DavidYell. I agree that we should somehow encourage people to move away from IE6 without punishing them. You're right, if there is no insentive for them to move past the archaic technology of IE6, then why would they be inclined move? The use of the IE6 stylesheet sounds like a great temporary solution and a good reason for IE6 users to start thinking about making the transition to a newer browser. Thanks for the post.

Steve said on May 21, 2009

conceptually fine, but it fails in web apps.

If you have a spiffy autocompletion widget with all kinds of magic, the CSS for it will likely be something that really needs high-level tweaking in IE just to function, never mind look pretty.

Frank said on May 22, 2009

Andy's article is being featured everywhere lately I have noticed. =)

I am glad it is getting a good general acceptance because I feel that his hard work is paying off. This is a great idea and I have expressed this to a few people already. I will fit these into future projects I am sure!

Michael Hoskins said on May 22, 2009

Even though Pete says he's playing devil's advocate, I think he really means, "disagreeing with the consensus here." But, he makes some valid points.

I'm also forced to support IE6 on all of our sites (not in the hundreds, but a few tricky ones), and while it is a pain, and a pain I'd like not to have, I have not so far found a problem that can't be worked around by tweaking the CSS and/or using conditional comments.

If you don't want to support older browsers, that's a decision you have to make on a case-by-case basis, but as others have said here, degrading a site into a completely different design leads to an inconsistency in user experience. If you want to "draw the line" somewhere, why even bother to degrade the experience? It's not openly berating the user, like the sevenup thing, but it seems like a cop-out from doing what you get paid to do, which is to create a uniform user experience for all users.

Thomas said on May 22, 2009

Still 15% uses IE6. I've seen websites of webdevelopers which didn't support IE6 at all and threw a big red message that said: 'update your browser'.

I just can't believe that. There are lots of methods these days to make website look allright in IE6. I don't think a special IE6 stylesheet is needed to achieve that...

Michael Kozakewich said on May 23, 2009

I figure this is a pertinent question to ask: Where do people get their browser stats from?
Searching "browser market share" on Google gets me W3Schools and This other one, which I've taken to be the computer-savvy and total consumers, respectively.
What sites do you use?

(I just saw a different site that pegged IE at 71% and yet another at 75%, so I really have no clue which is the most comprehensive.)

Also, Meppel above makes a good point. We can't exactly put :after tags everywhere, but there's really nothing important (like flash or javascript or images) that IE6 can't handle. The only problem is that it takes a bit more work.
At least it has http support!

Gary Schnabl said on May 23, 2009

Chris's estimate of 30% for IE6 usage is about double what W3C pegs it as being (http://www.w3schools.com/browsers/browsers_stats.asp). I tend to use the W3C for giving me a clue as to when stop supporting a particular browser (usually at around 1% usage).

It took IE5.x about eight years to reach the 1% threshold. Other browsers--not anywhere so long. IE6 is my basement; I neglect supporting anything lower than IE6 and the pre-IE6 kludges and games. Why worry about it? It isn't worth holding hands for those few who don't bother to upgrade and such. Besides, those few still get the vast amount of the content fairly OK anyway. It's hardly a death penalty for them.

Acquiring another (modern) browser via download and installation is child's play, so the old-computer issue may not exist except at those firms that refuse to have any such software installed on their computers. But, dem's da breaks, for those unfortunate few. The workplace is meant for work anyway--not enhanced Internet coverage.

Ian Alexander Wood said on May 24, 2009

Personally I think that the level of browser support depends entirely on the project. I specify a list of "supported browsers" when quoting for client work, but build everything with a progressive enhancement methodology. That way everyone can access the content, and those using older browsers will still be able to view the information. The advantage of working this way from stage 1 is that everything can be separated out design wise, so for instance I can provide colour and type styling to all browsers and then build on top of this. If the client needs the site to display a specific way for a browser that isn't on my standard list (like IE6) then I can easily adapt to incorporate that and just quote a little extra for the additional time.

Dansko said on May 27, 2009

For me around 35% visitors are still using IE6, and 79% of visitors using IE. Firefox stands at 14%

Paige said on May 27, 2009

I agree with your thought about not punishing those with older browsers. There ARE a lot of people who are using older computers that were acquired for free as hand-me-downs. Especially low income school children. We need to make sure that they can benefit from the computers as long as possible.

Shapia web design said on June 03, 2009

It is really difficult to check out in all the browsers that is available in the Internet industry. There are huge number of browsers with varying versions. My idea is also to go with the default font style inoder to have basic style on the browsers.

Bilal Ayub said on June 10, 2009

hello Ian Alexander Wood,
i found your idea very informative.

John G said on June 25, 2009

But what about the elephant? With those massive feet he'll have trouble with the keyboard regardless of whether the 'puter is running IE6 or FF3. A simple CSS for IE6 takes minimal effort and (if necessary) is the least we can do until IE6 says 'bye bye' for good.

Jacob Lee said on July 04, 2009

To all the people who are completely against IE6 i think it's a pretty ignorant and unprofessional approach.

It's your job to offer a decent service, and this means adding a few extra bits to support IE6, just like i hope you do for screen readers (not including aural) and Braille pads.

The truth is, many large companies run on the w2k os, whilst Microsoft is pushing the newer versions of IE out through the update system, none of them work the w2k, so they HAVE to stick with IE6 or spend alot of money upgrading the os. It's completely illogical for them to spend massive sums of money on upgrading. However, next year, official support for w2k ends, and thus many companies will naturally upgrade to a fresh os with official support, oh and a fresh browser.

By the latter of 2010, the ie6 market share should be firmly >10%

Sorry, comments are closed for this post. If you have any further questions or comments, feel free to send them to me directly.