Stuff & Nonsense Home

Where you’ll find designer, author and speaker Andy Clarke. The bastard.

Blogging And All That Malarkey

Universal Internet Explorer 6 CSS

How do you answer the Internet Explorer 6 question?

  1. Design for better browsers, then design alternative solutions to handle IE6 bugs?
  2. Write a remedial IE6 stylesheet to address layout issues?
  3. Use JavaScript to bootstrap CSS support in IE6?
  4. Make your site look exactly the same in IE6 as in any other browser?
  5. Develop to better browsers and spend no development time or testing for IE6?
  6. Block IE6 users from seeing your site's styles?

As Jeremy wrote last year.

All of these different methods for dealing with IE6 demonstrate that there's no one single answer that works for everyone. This isn't a binary issue. There is no Boolean answer. Instead, there's a sliding scale of support:

  1. Design for better browsers, then design alternative solutions to handle IE6 bugs

    I've often written that designers shouldn't be limited by lowest common denominator browser capabilities. Instead they should design for the best browsers first, then design around issues presented by older, less capable browsers like Internet Explorer 6. The most important element in this approach is that web sites cannot, need not and should not look the same in all browsers.

  2. Write a remedial IE6 stylesheet to address layout issues

    A common approach to take; feed versions of Internet Explorer, including IE6, style-sheets that are necessary to override styles served to better browsers with the aim of working around Internet Explorer's bugs and hasLayout issues. This Conditional approach has few pitfalls, as long as you keep in mind that web sites cannot, need not and should not look the same in all browsers. Unfortunately many designers and developers use this approach and spend hours or days attempting the cross-browser, pixel-perfection that their clients still mistakenly expect.

  3. Use JavaScript to bootstrap CSS support in IE6

    This is an approach that I advocated in Transcending CSS, recommending Dean Edwards' ie7-js scripts. Eric Meyer has also written that JavaScript Will Save Us All to “use the browser’s JS to extend its CSS support”. I still think that this is an option worth considering when circumstances demand and the additional weight of browser fixing scripts will not be cumbersome to the user experience.

  4. Make your site look exactly the same in IE6 as in any other browser

    Not only unnecessary and impractical, but unachievable. You need only look at the different ways that the Windows platform, Webkit browsers and Firefox render text to realize that even the simplest elements will, by definition, look different in various browsers. I'm convinced that professional designers and developers already know that this approach is flawed. Given the choice between spending their money on fixes for a diminishing browser or more design time, more functionality or more features, any client (usually the ones expect cross-browser perfection) will choose the latter. I think this will be particularly true in today's challenging economy.

  5. Develop to better browsers and spend no development time or testing for IE6

    I fervently believe that by taking a progressive approach and designing for the best browsers first, clients will get an overall better product, faster and for better value for money. That said, ignoring IE6 and its users, will likely result in a product that looks broken at best and is inaccessible at worst. No manager or owner wants a broken web page that reflects badly on their brand.

  6. Block IE6 users from seeing your site's styles

    Calls to bring down IE or for a death march are popular (if unfortunately named) rallying cries. Some have valid points to make, others are stupidly dishonest. There are several situations that make it difficult or impossible for a person to update their browser, particularly in some business environments and in the developing world. By removing styles altogether so that a user sees only browser defaults will likely make that person think that the site, connection or their browser are broken or that they themselves have done something wrong.

Are these the only options?

No. Because with a little creative thinking, some simple CSS and most importantly the understanding that not all browsers, especially older ones, need not see the same design, there is another way. That is why on all of my sites I will be serving one, standard, universal stylesheet for Internet Explorer 6 from now on.

Universal Internet Explorer 6 CSS

When I asked myself why people visit my sites, and the ones that I make for other people, the answer was always “for the content”. Content that is almost always written words and that means type.

That is why I'm now advocating to my clients (and to you), that where feasible, not to waste hours in time and a client's money on lengthy workarounds in an unnecessary attempt at cross-browser perfection. Instead, you and I should provide simple but effectively designed HTML elements. This means just great typography for headings, paragraphs, quotations, lists, tables and forms and no styling of layout.

More than that, I intend to serve exactly the same Universal Internet Explorer 6 CSS for all sites (give or take a little branding here, or a touch of customization there). This will pay dividends for me, reduce wastage for my clients and give end-users a well-designed, well-presented view of what they come for — content.

You can view the Universal Internet Explorer 6 CSS file or, to save you the trouble of opening IE6, this site's home page as displayed using only the Universal Internet Explorer 6 CSS. If you're wondering how one single CSS file might render other sites, here is an article from Jason Santa Maria and the A List Apart home page.

universal-ie6-css on Google Code

Taking this one stage further, I have added Universal Internet Explorer 6 CSS on Google code and you can serve it from there, as I am doing.

I think that Universal Internet Explorer 6 CSS pushes all the right buttons as a concept, but of course this is only version one. I hope that you'll help me to make it better.

Update log: 0.2

Thanks to @thefella for pointing out on Twitter that I had forgotten to translate the min/max width rules into:

width:[removed]document.body.clientWidth > 120? “120em”: “auto” ); 
width:[removed]document.body.clientWidth < 640 ? "640px" : "100%" );
. I have uploaded version 0.2 to Google code.

Update log: 0.3

Fixes min/max width issues and various typos. Added credit for Cameron Moll. Version 0.3 uploaded to Google code.

Leave your comment

Kyle Weems

May 21 2009 @ 09:24am #

You’re a mad, beautiful genius. I’d use that in a heartbeat.

Now if only I could get the bosses and the clients to sign off on that.

RayM

May 21 2009 @ 09:33am #

My sentiments exactly. Its not designers and developers that need selling on this, nor is it even bosses who I think get it too its the clients.

I could explain it a million times over but one feedback would say for example “why do I not get those rounded corners on my screen, fix please”.
Now I know one answer will be its up to us to educate, advocate and inform the client, to a point I agree however getting that buy in is elusive when dealing with global/national brand managers at major companies on the whole.

craig zheng

May 21 2009 @ 09:41am #

I like this idea. A lot.

Curvball

May 21 2009 @ 09:42am #

Brilliant. But convincing clients that all the pretty colours and design seen in FF or Safari for the same page won’t show in IE6 might be a little tough - either way, this is a great idea and will be adding it to my arsenal.

Ryan Wolter

May 21 2009 @ 09:43am #

“Agreed. Great concept. Thinking of how I can sell clients on this.”

Andy Clarke

May 21 2009 @ 09:44am #

Thanks to thefella for pointing out on Twitter that I had forgotten to translate the min/max width rules into body.clientWidth. I have added this to the new version.

Stan Grabowski

May 21 2009 @ 09:50am #

I’d bet showing some of my current current clients how few of their users are using IE6, and then explaining how much time would be saved by using this instead of some stupid work-around would get them interested. I know my life would be much easier!

Phil Ricketts

May 21 2009 @ 09:51am #

I’ve used many of these options, and I only wish IE6 JS rendering was faster. Dean Edwards script is brilliant, but it can be quite a noticable lag.

Instead of the suggested cut-down focus-on-content layout for I6 users, Over time I’ve developed an particular way of coding sites, using techniques I know wont invite ie6 issues, and will also let me enhance experience for users with better browsers.

If Dean’s script could implement the corner-radius htc (with ability to select individual corners), and allow positioning of 24-bit PNGs (again, this has been done), I’d be very happy.

Phil Ricketts

May 21 2009 @ 09:52am #

I think clients should be billed surplus for the luxury of supporting such an old browser, but not everyone thinks this way.

TheFella

May 21 2009 @ 10:00am #

Aw, shucks Andy! I’ll keep proofreading your work to keep you right…

Isaiah

May 21 2009 @ 10:23am #

Yes, that makes sense—for some content.  But what if your content is not text?  What if you’re an artist and want to show off your work in a way that grabs the attention of the viewer—even if he’s one of the unlucky folks on IE6?  What about film directors, photographers, architects, landscape contractors, and well…  everyone except writers, editors, bloggers, and typewriter salesmen?

Not all content comes in well laid out, nicely kerned, Helvetica (or Arial!).  A lot of the world is visual.  Visual things make lightboxes, interesting layout, overlapping transparent elements really really desirable.  Yeah, you can live without them, and some clients can be convinced to go for that.  But more likely they’ll just move on to the next designer that’s willing to do the painful work of IE6 bug hunting.

I guess what I’m saying is, I’m going to do the IE 6 parity thing until I can convince my clients they don’t need it, or they stop asking for it.  Until then it’s what the customers want, because its what their viewers want, so it’s what I deliver.

John Faulds

May 21 2009 @ 12:14pm #

I do a combination of 3 & 4. I use Dean Edward’s script because I wanted to be able to take advantage of all CSS2’s selectors NOW and reduce the amount of IDs and classes I need to add to my HTML.

I do try to make IE6 look as close as possible to the others but I’m not anal about it and am happy for IE6 to look a little rough around some edges.

Maybe I’m not doing very complex designs (doing a lot of fixed-width layouts lately, so that probably helps too), but I also don’t find that I spend all that much more time fixing IE6 issues, so I can’t see myself ever using the Universal IE6 CSS approach.

(I will download it for tips on better typography though ;)

Zac

May 21 2009 @ 02:19pm #

Good idea, but the corporate world already hates it.

rmlumley

May 21 2009 @ 03:34pm #

Personally, I go with #1.  Make sure it works and validates with Firefox and IE7+, then make small changes with the _ hack in the CSS for IE6.

Emil

May 21 2009 @ 04:51pm #

There is no reason fighting nature (or users). We create the websites for them. If they see a reason for using IE6, we need to design for them. Otherwise we are excluding users. And guess what, it is much better for 100 people to see a simple design, then 75 a beautiful one. After all, no customer will decide not to buy a product, because she did not like the corners of the header.

David Smith

May 21 2009 @ 05:55pm #

Nice idea Andy and I agree in principle. However I feel it’s a little drastic.

If you build sites sensibly then you can usually get fairly decent rendering in IE6. I usually only spend 30mins on tweaking a few layout bugs to get IE6 looking “acceptable” for clients.

I would not, spend hours trying to fake advanced functionality in IE6 but I don’t think we need to remove IE6 styles entirely!

George Ornbo

May 21 2009 @ 06:48pm #

I’m in the #1 camp. For personal sites this is a neat solution but most of my clients wouldn’t find this acceptable. I take Yahoo’s Graded Browser Support as a yardstick, and for professional sites I consider it is necessary to support IE6… for now.

p.s. If you could arrange for IE6 to be surgically removed from the Earth at your earliest convenience that would be great.

Steve K

May 21 2009 @ 07:18pm #

I think it’s great that IE6 users are being given attention while not wasting time on them and this style sheet is perfect for that.

However I think it fails on user experience somewhat. I have encountered situations where I’ve have had to use IE6 in libraries, internet cafes etc. Often times if I’m looking for a site that I did not bookmark or is not bookmarked on the computer I’m using. I will look at certain things like background colour, nav placement to identify the site. I may likely skip past this site purely because I didn’t recognise the layout.

Another issue is, being able to quickly identify navigational elements and main content, which is not quite as easy to do with this stylesheet. Just now, in this article, you highlighting the developing world as a concern has made me rethink my strategy on dropping IE6 support.

I think the solution is to attach this stylesheet and apply minimal style rules to it, including background colour and basic layout, similar to the full version, so not much time is spent on the browser but users have basic features and usability.

Thanks for taking the time to creating this stylesheet, Andy. Much appreciated.

prisca

May 21 2009 @ 07:43pm #

Thanks for sharing your thoughts and code, Andy :)

I’m with #1 myself still, for now anyway… trying to code with IE6 in mind to avoid the main downfalls - but working towards our lovely modern browsers in terms of design details.
Too many people in different locations - and not out of choice - are still stuck with IE6 and I feel I need to keep the main visual appearance of the design, rather than stripping it down too drastically; still reluctant to punish people for their old setup.

PS: all for George’s notion of a elimination of the horrid headache asap :)

Chris Sharp

May 21 2009 @ 07:45pm #

I love this idea, but may I put forward a suggestion for further development.

We all use lists for our links these days. And we do tend to have our main site navigation at the top of the page. These lists are a little jarring on the eye with universal ie 6 styling. So adding a few style rules for main navigation would seem like a good idea.

Transcending CSS recommends using a standard naming convention for IDs and if memory serves “nav_main” would be the appropriate hook.  Adding a few extra lines of CSS to universal ie 6 could transform these links and it would be up to developers who choose to use it whether they want to use a nav_main ID in their code.

just a thought…

Sean Johnson

May 21 2009 @ 07:59pm #

I remember a time when these feilds were all IE6!
You young ‘uns don’t know how lucky you got it!!

Molly E. Holzschlag

May 21 2009 @ 08:23pm #

Please, please don’t design for browsers.

Employ universal design concepts. Design to standards.

So #1 isn’t accurate in fundamentalist terms.

Browsers are a tool to interpret code, that is all. That they do it poorly or well is the result of many, many factors.

In the final assessment, there is no doubt that sending content to IE6 is the right thing to do, but I do fear the “block IE6” messages that I hear out and about. That’s also antithetical to standards, and antithetical to an open web.

So yes, we keep the content, and continue to adopt emerging features wherever we can. And good luck to us all in explaining to clients, managers, and marketing folks why their IE6 experience is so limited. It’s not because they didn’t upgrade, it’s because it’s what we do to accomodate progress in an evolutionary technology.

Razvan Pavel

May 21 2009 @ 08:51pm #

Probably the best IE6 fix I have ever read about. Nice, elegant and simple to implement. Also it encourages developers to write their HTML with semantics in mind, because having 3 h1-s at 3em in a footer wouldn’t look nifty at all.

We love you Andy <3

Marty

May 21 2009 @ 09:01pm #

Great idea, but utterly impossible for large corporate clients to sign-off on. They’re all still entrenched in XP with IE6, their machines are locked down so no Windows Update to IE7 or IE8, and that’s unlikely to change until Windows 7 comes out at the very least.

I’m working on a project for a large financial institution, which is due out next year. We pushed to descope IE6 because IE8 will have been out for a year by that point. We won, and development was sweet and IE6-free…until the CEO saw the site during development. Guess what browser he uses? Next thing we know, IE6 is back in scope and we have to do our damnedest to make the site look acceptable in the devil’s browser.

This push towards a significantly degraded experience in IE6 is all well and good and I wish I could implement such a thing, but until Microsoft cease issuing security updates and support for IE6 (currently scheduled for July 2010) and until the corporate IT departments upgrade to Windows 7, those of us who work with financial institutions and other large corporates are still forced to produce a near-to-designs-as-possible experience in IE6 regardless of such worthy efforts as this.

victor

May 21 2009 @ 09:10pm #

Don’t know what all the fuss is about. Seriously, none of the commenters had come up with this idea before?

Nathan Beck

May 21 2009 @ 09:26pm #

I love this idea but I may expand it a bit by creating 3 or 4 different default stylesheets that I can choose from. Variations between them would include background colour, font colour, size and style, container width, list and blockquote styles.

This way I can just choose which one is more appropriate with regards to the client’s branding and full website design. Of course this will only work properly if we always use semantic markup, which hopefully we do!

Thanks Andy ;)

Jason Grant

May 21 2009 @ 10:06pm #

This reply comes via a test of your proposal in IE6 itself so I can ‘see’ what you are proposing.

I am not sure I like this.

I find it that by implementing best practices, IE6 layout issues are rarely a problem even without hacks.

Ain Tohvri

May 21 2009 @ 10:29pm #

This article discusses the worst browser out there that ignored W3C standards in full. Given its current market share trend and latest developments in Internet Explorer, the support for this browser should cease and we should forget it ever existed. By following IE development rather closely, I can confirm even Microsoft itself acknowledges this.

To go further, point 5 of above can not be agreed with at any level. Web development is about standards as is any other development. It’s about compliance. IE6 introduces a whole load of non-standard hacks also making up unnecessary overhead. Instead, standard browsers should be favoured including Microsoft’s own IE8 that is now fully CSS 2.1 compatible. In developer’s perspective, effort-wise, it makes a huge difference.

All in all to confront this whole topic I encourage the use of tools such as IE6 Update. Seriously.

Kieran Hall

May 21 2009 @ 10:45pm #

If any client I have every dealt with agreed to using this strategy to deal with ie6, I’d check myself into the local hospital as I would have probably lost my marbles.

It’s a nice idea, though.

Andy Clarke

May 21 2009 @ 10:57pm #

Ain Tohvri: This article discusses the worst browser out there that ignored W3C standards in full. Given its current market share trend and latest developments in Internet Explorer, the support for this browser should cease and we should forget it ever existed. By following IE development rather closely, I can confirm even Microsoft itself acknowledges this.

—  IE6 may be the worst browser out there now but when it was released, it was a step up from IE5.5, IE5, IE4 etc. You can’t blame Microsoft for IE6 (although you can blame them for not updating it for years), nor can you blame users for still using it. It is naive to think that we can forget it ever existed.

I’ve made no secret that I think that IE6 Update is a stupidly arrogant and dishonest solution to this issue. Upgrade messages that masquerade as OS/browser messages is no better than phishing. It’s wrong, plain and simply, wrong.

Thomas Jaggi

May 21 2009 @ 11:00pm #

Is it possible that you’ve forgotten to include the Conditional Comment for IE6 containing the “universal-ie6-css”-file on this particular page? As far as I would interpret the page’s source there aren’t any styles served to our favorite browser at all.

Ain Tohvri

May 21 2009 @ 11:10pm #

Andy: the thing is, you absolutely can blame Microsoft for IE6. What many people fail to understand is that W3C has always been there operating as a middle-man to establish a standard that Mozilla, Opera or WebKit have followed from the very start. Its goal has not been to pressure Microsoft but to maintain open standards for cross-platform compliance.

And if not that, you can blame Microsoft for many other things. For instance you could blame them for dumping 24-bit PNG support in IE6 as it existed in IE5.5. Want to know why they dumped it? Over open source PNG-licensing! It makes every reason to blame Microsoft.

You can also blame them for the anti-trust case against Netscape, a leader at the time, from which Mozilla got off.

We have all programmed sites onto IE6 and we’ve also seen millions of them breaking with the release of IE7 that took a path towards the open standards. But times have changed, platforms have changed, many websites list IE6 as a minority browser already. It’s time to give up on writing hacks to comply with IE6.

Andy Clarke

May 21 2009 @ 11:19pm #

A few quick, off-the-cuff replies:

@Thomas Jaggi: Is it possible that you’ve forgotten to include the Conditional Comment for IE6 containing the “universal-ie6-css”-file on this particular page?

— I’ll look at that. I was in a mad rush when I posted this last night.

@Kyle Weems: Now if only I could get the bosses and the clients to sign off on that.

@RayM: It’s not designers and developers that need selling on this, nor is it even bosses who I think get it too its the clients.

@Curvball: …convincing clients that all the pretty colours and design seen in FF or Safari for the same page won’t show in IE6 might be a little tough

@Marty: …but utterly impossible for large corporate clients to sign-off on.

— As Jeffrey rightly pointed out in his commentary, “ No hammer fits all nails, and no solution, however elegant, will work for every situation. But if we’re open minded, Andy’s proposal may work in more situations than we at first suspect.”. If using a Universal IE6 stylesheet is not right for any particular project, don’t use one — simple. Don’t forget however, clients may pay the bills, but you are the expert, you are the professional. Sometimes all that’s needed to get clients to sign-off of on concepts like this is a little salesmanship. As I wrote in the article, “Given the choice between spending their money on fixes for a diminishing browser or more design time, more functionality or more features, any client will choose the latter. I think this will be particularly true in today’s challenging economy.”

@Molly: In the final assessment, there is no doubt that sending content to IE6 is the right thing to do, but I do fear the “block IE6” messages that I hear out and about. That’s also antithetical to standards, and antithetical to an open web.

— Not seen you ‘round these here parts much. ;)

@Isaiah: Yes, that makes sense—for some content.  But what if your content is not text?  What if you’re an artist and want to show off your work in a way that grabs the attention of the viewer?

— Err, don’t use this solution. Next!

@Chris Sharp: Transcending CSS recommends using a standard naming convention for IDs and if memory serves “nav_main” would be the appropriate hook.  Adding a few extra lines of CSS to universal ie 6 could transform these links and it would be up to developers who choose to use it whether they want to use a nav_main ID in their code.

— Stop it. You’re getting me all excited.

@Ain Tohvri: …the thing is, you absolutely can blame Microsoft for IE6 [etc.]

— (yawn)

Emily Heath

May 21 2009 @ 11:20pm #

@victor maybe we’ve all had this idea before but let’s salute Andy for actually setting it into motion by publishing the code. I think the key point here, if you agree with it on any level and I can see that many don’t, is that by using a Universal style sheet - referring to that same google code file - we could create a consistency in expectations for IE6. I like to think of it as the new global IE6 website design.

But in all seriousness, though it will be difficult to persuade clients to go for this, it could be possible if there were a number of high profile, beautifully designed websites using it which I could point to. These would need to be real world websites and not just design portfolios and css educational/promotional type sites like this. Perhaps we could create a depository of links to working examples which we can all contribute to?

Matt Bee

May 21 2009 @ 11:28pm #

I still believe your approach to the IE6 problem should be based on a case by case basis! Not every clients requirements are the same, even as far as to what users will be using to view your work. All the solutions mentioned are valid, if you approach them this way.

Also happen to agree with Molly, design to standards and use good code first and foremost. This is what we do, so do it well, and then address any browser issues (if possible with more standards based code!).

Designing to best practices and standards should give a pretty high chance your design will degrade gracefully, so for me the issue often never arises in the first place, I can’t remember the last time I had to create an IE6 specific stylesheet in fact.

Ain Tohvri

May 21 2009 @ 11:33pm #

I do entirely agree with Matt above!

Standard-aware and smart design saves a lot of hassle/effort while making it work for IE6. First of all a website should comply with standards and then, if possible and required, considering the particular case, introduce exceptions for IE6.

I as well can’t recall a need to create a specific stylesheet for IE6 in cases that require its support.

Todd Budnikas

May 21 2009 @ 11:42pm #

Awesome stuff. Last month I implemented something similar on our Refresh site based on what Dan Cederholm had written about IE6 stylesheet targeting. This, however, is a very nice alternative to no stylesheet at all for those stuck in the browser graveyard, love it!

I also implemented a small message using PHP to tell IE users why they were seeing what they might not have expected. You can see the implementation and php used at Refresh Louisville.

@Andy, do you think there is a benefit to explaining to users who receive this great solution why it’s in place? I’m sure a potential visitor may expect that something is broken for them. I could see that being a road block to clients who may be weary of this solution. Although, you’ve given me some additional language to help educate them in your post.

Scott

May 22 2009 @ 12:34am #

Any chance you could throw in some basic list styles? Right now the ordered lists are not getting their numbering. You can’t honestly say that the reading experience isn’t diminished currently, but with list styles and indenting for nested lists applied I think that you could.

Tim Wright

May 22 2009 @ 12:41am #

My gut reaction was that I didn’t like doing this to a user. But, after thinking about it for a little while, it’s actually not that bad… the page stays pretty clean.

That being said, I’m still not sold on it; it goes against the “One Web for Everyone” philosophy, and unfortunately, there’s still a ton of people who can’t upgrade past ie6 for various reasons. It’s not fair to intentionally damage their experience on the web.

I imagine this would be a damn-near impossible sale for a commerce web site or anyone with a business. Many of the solutions we (the community) come up with (most anti-ie6 stuff) would be best served for personal blogs but really never apply to real-world web site.

I can see a very valid argument using this for very old browsers like Netscape or IE5.5, but ie6 is still way too popular to toss it aside.

If we’re supposed to be a user-centered web, how come we don’t listen to the users who say they want to use ie6? We can guide our users, but we shouldn’t force them into something or punish them for doing something we think is “stupid”.

That’s my2cents. Honestly, it’s not a bad solution, and it was clearly well thought out; I just wouldn’t apply it to a client site.

Scott

May 22 2009 @ 12:47am #

Hmmm… I see that you have list styles and they’re not rendering for some reason. Please excuse my erroneous comment while I try to figure out what’s going on.

Rob Kirton

May 22 2009 @ 12:49am #

Andy, you’re certainly advocating the right approach. Certainly one I would be willing to adopt when next having the choice. Unfortunately I am currently developing an Intranet application for an organisation where IE6 is the standard. They want a very particular design and also for it to look “just the same” when they eventually get around to upgrading browser (as yet unspecified product & time)

A. Pedant

May 22 2009 @ 01:22am #

“taking a progressive approach and designing for the best browsers first”.

I was under the impression that progressive enhancement meant that you created a basic site that all visitors (or at least 99.9%) will be able to use, and then added fancy enhancements for users with browsers that support them. If you’re talking about designing for ‘best’ browsers first - that’s graceful degradation isn’t it?

http://www.alistapart.com/articles/understandingprogressiveenhancement/

Pingu

May 22 2009 @ 01:26am #

Nice idea.  For my blog.

When I’m selling products for clients, I want the best experience for the user.  They’re more likely to buy the product.

I’m trying to think of the use-case for a profit-making site who does not want to design for IE6.  Give me an example?

Small afternotes:
-  thankyou for answering your comments
-  your site design sometimes fails in Chrome.  I get a looong page, with the text drafting in the middle.

Mau

May 22 2009 @ 01:33am #

Andy,

This is fantastic!

Regarding the IE6 min/max width, not long ago I read a similar approach to the fix from Cameron Moll (http://www.cameronmoll.com/archives/000892.html) which basically avoids using the same ‘limit’ and ‘set to’ width due to risk of freezing/crashing the browser.

Cameron’s approach is a one line thing, and I think it works like a charm (I hope the comment gets posted as intented, if not, my apologies):


#container, #footer {
  width: [removed]document.body.clientWidth

< 742? "740px" : document.body.clientWidth >

1202? “1200px” : “auto”);
  }

Ross Parker

May 22 2009 @ 01:36am #

awesome discussion, definately food for thought, although a lot of the clients i build websites for are council funded schemes so upgrading to a better browser isnt an option.

i think ie6 will be around for a while and neglecting it just isnt an option.

Andy Clarke

May 22 2009 @ 01:44am #

@Mau: Cameron’s approach is a one line thing, and I think it works like a charm

— Thanks so much. I’ll roll that into the next version.

@Pingu: Your site design sometimes fails in Chrome.  I get a looong page, with the text drafting in the middle.

— Yeah, I know. Annoying isn’t it. I’m not sure if I have the skills to fix Chrome if Google doesn’t.

@A. Pedant: If you’re talking about designing for ‘best’ browsers first - that’s graceful degradation isn’t it?

— Yup

@Scott: Any chance you could throw in some basic list styles? Right now the ordered lists are not getting their numbering. … I see that you have list styles and they’re not rendering for some reason. Please excuse my erroneous comment while I try to figure out what’s going on.

— I’ll take a look at that and fix any issues in the next version.

Tim Wright: If we’re supposed to be a user-centered web, how come we don’t listen to the users who say they want to use ie6? We can guide our users, but we shouldn’t force them into something or punish them for doing something we think is “stupid”.

— I couldn’t agree with that more.

@Emily Heath: … by using a Universal style sheet - referring to that same google code file - we could create a consistency in expectations for IE6. I like to think of it as the new global IE6 website design.

— That’s exactly what I had in mind.

Perhaps we could create a depository of links to working examples which we can all contribute to?

— A great idea. (Oh, and phone me back on 01745 851848 about that issue you emailed me about.)

Redcentaur

May 22 2009 @ 04:10am #

Perfect… I’m going to add a link to this article on my recent blog post http://www.blog.redcentaur.com/is-ie6-dead/ which tries to answer some of the arguments about whether or not designers should even consider IE6 any more. I think this puts another reason why it’s not necessary to think like that!

Kilian Valkhof

May 22 2009 @ 05:57am #

I’ve been doing this for a while on my own blog, using my own css library (sencss), which looks very similar. Very liberating to know I can use all cool stuff without wondering how bad it looks in IE(6) :)

Not for clients sites though. There it’s conditional comments and getting layouts correctly (a couple of lines in css is often enough). I don’t bother getting it pixel perfect.

Johan

May 22 2009 @ 06:02am #

Actually I can make IE6 behave ... 99%
which is fair enough

Evan Byrne

May 22 2009 @ 07:15am #

You made some good points but you are a little too quick to point fingers. I wouldn’t call ie6update “stupidly dishonest”. It’s not dishonest, it simply tells the user that their web browser is outdated and needs to be updated. No trickery in that.

Phil Ricketts

May 22 2009 @ 07:24am #

@Kilian Valkhof - I mentioned sencss on snook.ca’s blog entry, which responds to this fabw article. Your work is great.

Daniel

May 22 2009 @ 07:29am #

Excellent Idea and I love this approach ...

but…

This would be a hard one to sell clients, because design lots of time convey allot.  And let’s face it IE6 unfortunately still out there.

I was once upon a time playing around with a universal CSS to make everyone look good… Not sure I covered much as you, but worth a look ...

http://www.nuff-respec.com/technology/css-to-make-you-look-good

Matt Bee

May 22 2009 @ 07:55am #

@Evan Byrne, I agree with Andy on the IE6Update, it is a good idea to tell a user their browser is out of date, but to mimic the IE information bar is a little sneaky.  You are misleading a user.

I much prefer either a message in the site informing the user in plain text, or I often promote pushuptheweb.com, a much nicer way to fulfil the same end result as IE6Update.

Of course it is only a matter of opinion!

And I think the case by case aspect applies to the majority of the comments, and lets face it, being able to successfully implement all the methods is only going to make you a more rounded coder, not a worse one!

Y

May 22 2009 @ 08:46am #

I am lazy to read :p but if this is a solution to the IE6 “lets-lose-time-coding-for-an-obsolete-browser” then I LIKE THE IDEA!

Richard Fink

May 22 2009 @ 09:12am #

Premature. But I’m bookmarking it.

Robert

May 22 2009 @ 09:25am #

I like the idea, but my clients are often using IE6. :(

Evan Byrne

May 22 2009 @ 09:57am #

@Matt Bee, while using pushuptheweb.com may be less “sneaky” it will probably have a negative affect on the user experience because the user will more likely think it is a scam because it doesn’t look genuine.

Anyhow, you should just make your client sites work in IE6. It’s not that much harder if you are coding to standards. I don’t care if some of my own websites that are geared towards developers work in IE6 or not, but a client is going to want their site to work in all browsers.

Andy B

May 22 2009 @ 10:37am #

I think it’s a great idea, although as has been said, impractical for client work. I prefer the idea of having a designed snippet that only shows for IE6 and says something to the effect of “The browser you are viewing this site in is outdated. Just a friendly reminder to upgrade to a newer version or try some free alternatives at browsehappy.org.” No functionality is lost, and it doesn’t appear scammy.

Note that I’ve never quite gotten around to doing that yet… :)

I also liked Andy’s design with IE6 when everything was in black and white. Very fun, but probably time consuming.

Stephanie

May 22 2009 @ 12:59pm #

@Pingu Hey, I’m not the only one using Chrome! Make sure you report to Google that the page doesn’t render properly too.  If enough of us complain Andy won’t have to do anything ;)

Justen Robertson

May 22 2009 @ 02:17pm #

Great idea. If only the whole web was valid, semantic html, this could be adopted overnight. I’d like to take it a step farther and apply a little color and branding, but actually that is doable without extra work if you structure your css files appropriately. My approach with IE6 is to basically treat it as a mobile / marginal browser with a big screen. I only wish the css people at w3c had the foresight to build browser targeting into the spec (cough, cough).

Justen Robertson

May 22 2009 @ 02:25pm #

@Pingu, Stephanie: I also use Chrome for browsing (FF for development), but I have not had any issues with this site. I’m on 2.0.172.27, are you guys still on a 1.x version?

charlie

May 22 2009 @ 03:09pm #

You mean having the normal css on other browsers and change to this when in ie6?

That seems too much work for what you get.

Also, it’s something that could be done in personal blogs, but not corporate stuff

Rob Cornelius

May 22 2009 @ 05:59pm #

I am currently developing a site which is aimed (for the moment) at Latin and South America. After a bit of research we found that IE6 is by far and away the dominant browser in this geographical area. The reason for this is many people have pirated copies of windows that wont allow them to upgrade. This puts pay to the “people who dont upgrade are dumb and deserve to be punished/educated” idea.

I can just image the look on my bosses face when I tell him we are going to throw away all the complex layout for our main audience in order to encourage them to upgrade their browser. I think I would be getting a p45 pretty quickly.

Kerwin Groot

May 22 2009 @ 06:19pm #

Not perfect for every project, but this will definitely go into the toolbox for future projects!

Guillermo Rauch

May 22 2009 @ 06:22pm #

I wrote a blog post addressing this technique and others:

http://devthought.com/blog/client-side/2009/05/an-ie6-post/

Let me know what you think

Darren J McPherson

May 22 2009 @ 06:27pm #

At first when I read the title, I was thinking “Oh no here we go another hacky way to get round ie6, I thought we were trying to abolish support for it…” But! This is actually an ingenious idea. If I had a hat it would go off to you.

The only issue I have is that I work for an inhouse team in a large corporation (yes, violins are playing) and about 80% of our users are ie6.

As a freelancer on the side this will definitely be suggested to clients. My 9-5, I will get laughed at by the managers and marketing. :(

Well done though.

Ain Tohvri

May 22 2009 @ 06:59pm #

Re IE6 Update, yes, it’s phishing. Even so many may discuss its usage in the circumstances. I myself tend to agree with Matt Bee on it and would suggest using Pushup instead, like Matt suggested as well.

While we may discuss the ethics of Bait-and-switch approaches to force Internet Explorer update isn’t it something what the whole media is doing online as well as offline? The banners in a form of dialogue windows tricking you to click Cancel, Accept or Close window. Indeed unfortunate.

Ben Darlow

May 22 2009 @ 07:20pm #

Whilst this approach may work for certain kinds of content, and certain kinds of site (at a guess, content-driven sites), this is a little bit naïve for any kind of web application where your customers are using Internet Explorer 6. So long as a large percentage (or indeed, any non-insignificant percentage) of them are using that browser, you simply can’t try and funnel them down the route of a vastly inferior user experience.

I get the impression that a lot of web designers are beginning to dream out loud lately, and the various campaigns to get people to upgrade, or encourage developers to ‘block’ IE6 (or even try to appear on breakfast news to beg people to upgrade, ha) are the fruit of this. The fact is, our game hasn’t changed significantly since the days we were still supporting IE6 as an A-grade browser — we just have lots of nice new toys at our disposal we wish we could use everywhere. Trying to implement these and support IE6 at the same time is what is making our lives more difficult, but that implies the lesson of progressive enhancement has been forgotten.

Marc Alagem

May 22 2009 @ 07:38pm #

The main issue with initiatives like IE6Update is that they primarily talk to the developer, while the focus should be put on the end user. Website visitors are often now aware that alternatives exist, since most of them are convinced that the only option is to use the software pre-installed on their computer.

That’s why it’s all about education, but in a way the end user can understand, which can be achieved by avoiding complicated technical terms and by providing the explanation in the visitor’s own language.

That’s why the “Bye-Bye internet explorer 6” initiative tries to achieve (check for http://www.byebyeinternetexplorer.org).

Francis

May 22 2009 @ 08:57pm #

I very much like this approach and it’s exactly what Molly called for us to start doing at this year’s FOWD in London: start treating IE6 as we used to treat NS4. The more we pander to people by making our sites work in IE6, the more we compound the problem for ourselves. We have to be brutal about this - if large companies, hidebound to/by IE6, start seeing masses of sites starting to look very plain and less usable then they might get the message. Employees of these companies want better browsers, but it’s the institutionalised IT departments who have coded everything to one browser for years that are stymieing the speed of change. Well, that and the craziness that is internal charging. Playing nice with these people doesn’t work. Stop trying to please them, stop wasting everyone’s time and start treating IE6 like the out-of-date application that it is.

Ain Tohvri

May 22 2009 @ 09:06pm #

I utterly agree with Francis above and add that ANY WEBSITE SHOULD BE STANDARDS COMPLIANT not only because it’s the right thing to do, but also because many disabled people rely on W3C standards that are implemented in screen readers etc. IMHO, it’s more important to include those people vs people who don’t upgrade.

And to Ben above: the game has changed. The percentage of IE6 is shrinking rapidly even for the sales/consumer websites. I have around 30 websites on Analytics and IE shows a percentage of around 60% altogether roughly a quarter of which is IE6. That estimates the overall of IE6 being somewhere around 15%. That’s also the kind of number you can get from various stats, e.g. W3Schools Browser Statistics.

Bobby jack

May 22 2009 @ 09:15pm #

Andy, I tweeted you yesterday about the invalid markup in the example; probably best to make sure everything’s valid, especially when dealing with IE6! :)

I’ve also blogged a response in universal-ie6 style, just for fun.

Darren Taylor

May 22 2009 @ 10:12pm #

I think this is an awful idea, it’s lazy and militant for no good reason. When I began developing back in 2001 I had soon had the death of Netscape 4 to content with. There was still a sufficient number of users with Netscape so I felt it was my duty as a developer to provide them with a site which was close in design as originally intended.
Use IE conditional statements for IE6 stylesheets people and stop being so lazy. Fixes for IE6 literally take me minutes as opposed to hours or even days.

Andy Clarke

May 22 2009 @ 10:28pm #

A few more, quick, off-the-cuff replies:

Darren Taylor: Fixes for IE6 literally take me minutes as opposed to hours or even days.

— Me too, usually, and this has been a point that several people have made both here elsewhere. So… my question is, if IE6 issues are so damn simple to fix, why are people clamoring for its demise and coming up with ideas like IEUpdate. The two things don’t stack up.

It’s lazy and militant for no good reason. Use IE conditional statements for IE6 stylesheets people and stop being so lazy.

— That’s just rude, frankly.

Bobby Jack: Andy, I tweeted you yesterday about the invalid markup in the example; probably best to make sure everything’s valid, especially when dealing with IE6! :)

— I’ll fix that right away. Do me a favour (as I’m a bit busy)? Can you email me with the issues and I’ll fit the fixes in during a fag break?

Marc Alagem: That’s why the “Bye-Bye internet explorer 6” initiative tries to achieve (check for http://www.byebyeinternetexplorer.org).

— Nice one. Not seen that before.

Ben Darlow: The fact is, our game hasn’t changed significantly since the days we were still supporting IE6 as an A-grade browser — we just have lots of nice new toys at our disposal we wish we could use everywhere. Trying to implement these and support IE6 at the same time is what is making our lives more difficult, but that implies the lesson of progressive enhancement has been forgotten.

— ’tis the truth you speak. ;)

Andy B: I also liked Andy’s design with IE6 when everything was in black and white. Very fun, but probably time consuming.

— Thanks mate. There may well be more of them in the future when I get more time.

David Smith

May 22 2009 @ 10:32pm #

New suggestion for IE6 stylesheet:

body {
  display: none !important;
}

Going too far?

Nick Toye

May 22 2009 @ 10:47pm #

W3 Schools browser stats give this data as the current IE6 usage.

15.4%

Now last night I was thinking that still seems quite a high level of usage for a browser released in 2001.

1.6 billion users = 239 million IE6 users.  That just seems incredible, why are they not updating? 

I also wondered how many web designers/developers who are testing on IE6 make up part of that percentage?

It could be that the actual figure is lower than 15%.

Bobby jack

May 22 2009 @ 11:07pm #

@Darren Taylor: Andy’s obviously gone to a fair amount of work to develop this method, document it, and discuss it, so I don’t think it’s very fair describing him as ‘lazy’, whether you agree with the concept or not. I think it’s up to the individual designer (and their client, of course) whether they want a design that will adapt to various browser conditions, look identical in every browser, or have multiple designs for various audiences. This is not about dropping support for IE6, just giving it a valid, maintainable design that it can cope with flawlessly.

Neal G

May 22 2009 @ 11:12pm #

I personally think giving IE users a completely different website is a bad idea. I agree with some other commenters in that I’ve learned certain techniques to avoid IE bugs and I rarely spend that much extra time coding for IE anymore. Also transparent .png’s and rounded corners has already been solved with this new technique - http://www.dillerdesign.com/experiment/DD_roundies/

P.S, your site has some strange rendering bugs in FF3 (in the form area)

Nick Toye

May 22 2009 @ 11:12pm #

I suppose it comes down to people driving art and science, or art and science driving people.

Evan Byrne

May 22 2009 @ 11:14pm #

@Ain Tohvri, Pushup is just as much a “bait-and-switch approach” as IE6Update is. It just looks less authentic.

Do understand that I don’t use either of these. I just think that saying one alert message is “phishing” and another one isn’t - even though they say and do the same thing - is ridiculous.

So really we have three options here:
1) Use an alert that looks as authentic as possible
2) Use a good looking alert that doesn’t mimic any look
3) Don’t use an alert

All three options are just as valid as the others.

Andy Clarke

May 22 2009 @ 11:18pm #

Evan Byrne: Do understand that I don’t use either of these. I just think that saying one alert message is “phishing” and another one isn’t - even though they say and do the same thing - is ridiculous.

— IEUdate is mischievous and misleading at best and dishonest at worst. A web designer who makes an alert that looks like an official browser security warning is no better than a spammer who makes a phishing email that looks like it comes from eBay. Period.

Evan Byrne

May 22 2009 @ 11:21pm #

Andy Clarke: “IEUdate is mischievous and misleading at best and dishonest and misleading at worst. A web designer who makes an alert that looks like an official browser security warning is no better than a spammer who makes a phishing email that looks like it comes from eBay. Period.”

I don’t think people using IE6Update are trying to sell you fake ipods.

Darren Taylor

May 22 2009 @ 11:26pm #

Guys I apologise if I sounded offensive, I guess I was on one of my rants! My point was though that if you develop a site, its standards compliant, uses valid markup and css and looks great in Firefox, just HOW BAD does it look in IE6? I find frequently the answer is, not much. I’d actually draw comparisions here with developing a website to web standards. For example I could knock together some sites using non-semantic markup in day. The same sites might take me 3/4 days to do if I ensure my templates are AA compliant and also cross browser friendly, but this is the standard I set anyway. Should I compromise my principles because a customer wants the site quicker or cheaper? Absolutely not.
Same applies with this concept. Additionally you are knowingly putting out a site which will cause some users problems. We apply designs to websites for a reason. Not just to make them look good but also to enforce branding, to improve readability, to improve usability and a whole other host of reasons. I work in the NICS with over 34,000 employees. The vast majority use IE6 because for reasons beyond my control, IE7 hasn’t been rolled out. Is it fair that these people receive a “dumbed down” site? Is content alone enough? I personally don’t believe it is and strongly advocate that developers take pride in their work and spend the extra time to ensure cross browser compatibility where browsers have sufficient market share. Refer to your favourite web analytics tool to see what those browsers are!

Bobby jack

May 22 2009 @ 11:26pm #

@Evan Byrne - if ie6update isn’t trying to deceive people, why bother with the chrome-copy? If it is, the developers should at least admit that. Even though we all know that it is ;)

The issue of what it’s tricking people into doing isn’t being debated, but how it does it.

Bobby jack

May 22 2009 @ 11:34pm #

@Darren Taylor:

... if you develop a site, its standards compliant, uses valid markup and css and looks great in Firefox, just HOW BAD does it look in IE6?

Seriously? Obviously, it all depends on what CSS properties and techniques you use, but floats, a lot of spacing-related properties, and many other layout techniques fail horribly in IE6. They’re bad enough in IE7 which still doesn’t even understand text-align properly. These are the very properties that will produce a result that is far less usable than Andy’s ‘dumbed down’ version.

I think all of us, however, including Andy, would agree that there are some cases where this technique is unacceptable. For now.

Nick Toye

May 22 2009 @ 11:34pm #

@Darren Taylor, what is NICS?  34,000 employees all on IE6?  My god.  I develop my stuff in Safari > Firefox > Opera > Internet Explorer 7 > 6.  I do that because I find it quicker to develop.  I personally couldn’t careless about IE6 really and find it an irritation when I have to faff about with it. 

Something like this should have been developed when IE7 first came out, there is absolutely no excuse why we should be using an 8 year old browser, especially when the OS it works in as since released 2 newer versions.  Surely using IE6 is a security risk?  I just don’t get it.  I despair.

Evan Byrne

May 23 2009 @ 12:02am #

Bobby jack: “if ie6update isn’t trying to deceive people, why bother with the chrome-copy? If it is, the developers should at least admit that. Even though we all know that it is ;)

The issue of what it’s tricking people into doing isn’t being debated, but how it does it.”

Then WHY are we debating this? I remember someone telling me that IE6Update was phishing, which is pretending to be a trusted source in order to gain access to confidential information or cause other harm to the victim. IE6Update hardly fits that description!

Why do website developers have to be so overzealous? We all are (should be) trying to achieve the same thing, build great websites for our clients.

Bobby jack

May 23 2009 @ 12:12am #

@Evan Byrne: fair enough, according to the common definition, ie6update certainly isn’t ‘phishing’. Only one comment on this thread claims that it is, though; the others claim it is “no better than phishing”. Which, true, might be going a little far, but the practise of ‘disguising content as another application’s chrome’ is certainly ‘dubious’, to say the least.

Darren Taylor

May 23 2009 @ 12:50am #

@Nick Toye - NICS is the Northern Ireland Civil Service, IE6 is the standard browser and upgrade to IE7 didn’t take place largely due to the fact that our CMS front end tool didn’t support it. It does now so as for why we are still using IE6, sorry not my area! It does highlight though as commented above, the are surely other organisations, perhaps libraries, colleges, community groups etc using IE6. Should they be forced to upgrade to IE6? No, not if it’s the browser of their choice, perhaps that’s what they are comfortable with. Should they expect the same experience as a Firefox 3 user? Perhaps not but as I stated above, yes if your browser stats tell you they are still a significant part of your user base.

@Bobby Jack - I’m not trying to achieve pixel perfection here but floats, spacing issues etc are a hassle in IE6 but certainly not something that take me ages to fix. Additionally if the layout is slightly degraded then there is a point of compromise which I think this article has failed to address, instead opting to just encourage treating IE6 users as lower class citizens.

Nick Toye

May 23 2009 @ 12:56am #

@Darren Taylor,

I think they should be forced to upgrade, if they have a CMS that doesn’t support IE7 and other standard based browsers, then it can’t be that good a system.  I’m sorry but there should be no excuses at all.  IE6 is a crap browser, there is no getting away from that fact.  It is broken, it renders crap, it is crap.  End of story.

If Bill Gates inserted a little ad that pushed everyone to update I’m sure they would.  Trouble is many people on IE6 and not technologically savvy, so why should they get a design that is savvy.  If they wish to live in 2001 then they should not expect to get the same level of design as someone who is embracing technology and living in 2009.  Should we still be designing for 800px wide screens?  or 640px wide?

Whisper

May 23 2009 @ 01:34am #

I think that many of you have missed the point of Andy suggestion.  If I’m not mistaken, he is not suggesting that we shouldn’t build standards compliant websites, or that we should use this in every situation (he has re-iterated this in many of his comments). His simply adding it as a scenario based option for sites that are driven by content, and not “bell and whistles”.

Content that is almost always written words and that means type.

Instead, you and I should provide simple but effectively designed HTML elements. This means just great typography for headings, paragraphs, quotations, lists, tables and forms and no styling of layout.

I like this idea as a solution for these situations.

Those that feel ie6 bashing is called for need to remember that not everyone is using ie6 because they want to.  I know two personal situations myself. 
We have two desktops computers in our house one is quite new and uses the latest browsers and gets to see sites in all their glory, and the other is older.  Very old and does not have the capability to run the latest and greatest.  Whenever I am forced to use our old computer I always just wish I could access a site.  I don’t care if it’s got millions of colors, or fancy JavaScript.  I just want to be able to access the content.  So this solution actually ends up being very feasible imho.  Sometimes it’s frustrating to have to tolerate even the best attempts at hacking a stylesheet to make it work in older browsers.

From the voice of experience on the users end I would prefer to see sites using Andy’s solution.  I hate when a site won’t let me view it at all on that computer just because the browser is old.

To those of you using Chrome, you can add me to the list ;) I also use chrome on the older computer because most of it’s issues are ram based, and Chrome doesn’t seem too cause those problems.

On a side note: Andy I’ve been a long time lurker and love reading your articles keep up the darn good reads :)

Andy Clarke

May 23 2009 @ 01:40am #

Whisper just said it all so well that I think I might just give her admin access and let her run this site for me.

Bill

May 23 2009 @ 01:41am #

By doing this you’re merely keeping IE6 alive and kicking. When enough of us turn our backs on IE6 it will finally die the death it so richly deserves.

Nick Toye

May 23 2009 @ 01:46am #

@Whisper,

The point I am making is that if you have an old computer with old software then you can’t expect to gain the rich experience that modern computers and modern software can provide.

You can’t get HD plasma effects on an old black and white tv. 

We are still giving the content to the user, and in a way that befits it’s standing in the design and development world. 

By feeding IE6 users with an almost flawless stylesheet (after hours of bug fixing etc…) then all we are saying is IE6 is still capable.  It needs to be starved so that we can finally move on from it.  Enough already!

Darren Taylor

May 23 2009 @ 01:59am #

LOL @ Malarkey, this sounds like man who kinda wished he hadn’t started something! I’m gonna create a rare blog post on this as I feel my points are getting lost in the mix. I would like to reinforce the point though that I believe it’s wrong to expect users to upgrade. I also struggle to think of occasions when a site focused only on content is still as usable without a some structural styling, perhaps only small brochureware sites.

Whisper

May 23 2009 @ 02:15am #

@Nick Toye—I think you missed my point.

@Andy—*blush*

Nick Toye

May 23 2009 @ 02:22am #

@Whisper, sorry about that.

Just need to get down of this horse that is far too high.

Matt Cotten

May 23 2009 @ 02:30am #

Dealing with IE6 is a fact of life since its bundled with XP. Any retail website is going to have good percentage of users using it. A browser is a tool just like an operating system in which the newer tools do the same thing. There is no incentive to upgrade.

This gray font on gray background hurts my eyes!

Jay Robinson

May 23 2009 @ 02:43am #

With the complete dearth of content from old school bloggers in the age of Twitter, I love how active Andy is being with his blog. My new favorite.

Darren Taylor

May 23 2009 @ 03:03am #

@Matt agreed re: the font. I find this site hard on the eyes! Agree re: incentive, thats a very valid point especially to uneducated users and it’s not the job of a company’s website to tell them to upgrade.

— (Ed days: Despite your complaining (about the font — just kidding), you win a prize for the 100th comment. Email me your mailing address and I’ll send you a shiny new S&N pin.)

Jeffrey Friend

May 23 2009 @ 03:13am #

Hmmmm…great idea. Now, can I convince my client to serve his site like this?

Yura

May 23 2009 @ 03:25am #

Here’s a great idea! Why doesn’t everyone drop the support for IE6 so companies wouldn’t have to waste time and resources ensuring that their product works on a 10-year-old browser. Version 8 of IE has been out for a while now…

Chris Coyier

May 23 2009 @ 03:44am #

Since we should be creating print stylesheets anyway, perhaps we should just use our print stylesheet for IE 6. Generally streamlined, cruft removed, and matches the spirit/typography of the site.

Matt Cotten

May 23 2009 @ 04:12am #

Yeah, quit supporting IE6 and then I can get more clients showing them their site is broken to 25% of their visitors. I especially love sites that validate but the content or navigation floats to the bottom of the page in IE6.

Andy Clarke

May 23 2009 @ 04:25am #

@Chris Coyier: Since we should be creating print stylesheets anyway, perhaps we should just use our print stylesheet for IE 6.

— Funny you should say that: using print CSS would be way better that just serving browser styles to IE6 as some do (me on this site included up ’til recently). I also checked out various print CSS files including Eric’s to see if there was anything I could reuse when writing this file.

@ Yura: Here’s a great idea! Why doesn’t everyone drop the support for IE6 so companies wouldn’t have to waste time and resources ensuring that their product works on a 10-year-old browser.

— Why am I getting this feeling of déjà vu?

@ Jeffrey Friend: Hmmmm…great idea. Now, can I convince my client to serve his site like this?

— Yes, of course you can. If you think it’s right for your client, you sell the idea to him. It’s really not that difficult. —  (actually I think that all this “my clients won’t buy it malarkey, is well, just that)…)

@ Jay Robinson: With the complete dearth of content from old school bloggers in the age of Twitter, I love how active Andy is being with his blog. My new favorite.

— Thanks Jay, I appreciate that. I’m actually enjoying writing again after a few years of not. Owen and I are currently building our own ExpressionEngine publishing system so that we can post entries to here, Transcending CSS and the Stuff site all from the same Admin. I can’t wait to get that finished.

@ Darren Taylor: I’m gonna create a rare blog post on this as I feel my points are getting lost in the mix.

— Shoot me a link, I’ll look forward to reading that.

Kyle Weems

May 23 2009 @ 04:35am #

Just so we’re clear, I’m not proposing that this is unfeasible because of clients.

Far from it.

I imagine there’s plenty of clients that won’t go for it without the proper sales pitch, and I’m not in charge of my studio’s pitches. So really I need to sell it to the sales people.

Which, considering how often IE6 causes problems for us later in the process, this might not be too hard. Sure, it’s not a perfect fit for all sites, but it’s a good fit for many of them.

And I’m with Jay Robinson on being happy about seeing you blogging more, Andy. A lot of people seem to have ground to a halt on extended discussions as Twitter has become such a common tool for sharing thoughts.

(Not that I’m opposed to Twitter. It’s just that sometimes it’s good to write more than two sentences about something.)

Vladimir

May 23 2009 @ 05:28am #

I must say I partially agree with this method. I think if your traffic is less then 10% from IE6 this method is perfect . But if you have 20-30% I prefer ” the stable structure” method meaning the grid(columns) will not fall apart and user have similar experience like in other browsers.

Strangely this Monday I published one CSS Library who has totally different purpose but very similar CSS Structure like your project.
It’s called Better Web Readability Project - CSS Library and aims to improve the reading and readability on the Internet.

Fortunately the era of IE6 is finishing so we can spend more time on other things not IE6 testing.

Capital Design

May 23 2009 @ 05:51pm #

Absolutely brilliant. I think forcing the client to choose between using this method and paying for full ie6 compatibility, will set them straight…Urge to kill fading…

Tom

May 24 2009 @ 01:18am #

I applaud a re-thinking like this, grounded in pragmatism and a dose of originality. This is much more than an academic question as IE6 will, like it or not, remain widely used for a while. Thanks for the thought-provoking solution to this ongoing problem Andy.

Chris Sharp

May 24 2009 @ 05:02am #

I used ie 6 this week.

A friend had a computer problem.

I solved it by typing in his password.

While sat at his PC I thought about switching him to Firefox.

But his dial-up connection was prohibitive.

Martin doesn’t do upgrades, or care about design for that matter.

But a quick loading, easy to read web page is right down his street.

Darren Taylor

May 24 2009 @ 07:19am #

@ Andy - thanks for this topic, it’s renewed my love of blogging and social networking in general.
Don’t get me wrong I share the IE6 frustration and as I said in my own blog, perhaps my problem is that I work in Government and have a different viewpoint on things, I just think that we cannot collectively force people to stop using IE6. Interestingly I looked at W3C Browser stats and for April 2009 15.4% are STILl using IE6. Now a lot of people on W3C are developers but would they really surf with IE6 out of preference? So interesting stat and reflective of what I see in NI Government.

Matt Bee

May 24 2009 @ 08:07am #

I absolutely believe everyone should use something better than IE6.

But has anyone thought of it this way?

A garage mechanic is doing well fixing all cars, but then decides he doesn’t want to support any pre 2005 cars because they don’t have an engine computer to tell him what’s wrong.

Who comes out richer, the mechanic above, or the man down the road who will still fix my 1986 998cc Mini?

People will still use old software, someone somewhere will make money by continuing to support it whilst others will try to make their lives easier by not. Neither is necessarily right, but each has their own incentive.

I have had a bottle of wine so this may be complete tosh…

Darren Taylor

May 24 2009 @ 08:14am #

I don’t think you are talking tosh Matt but I think the point Andy is trying to make is why spend longer developing sites for IE6 and passing that cost onto the customer? My point is that I think any developer worth his salt should be ensuring the site works as intended on all browsers the site owners customers are likely to be using. Hence my comparision with web standards, you do it because its the right thing to do.

Dan Rubin

May 24 2009 @ 10:56pm #

Lovely Andy, we should chat about an idea I have that this fits into quite nicely…

Now, for all the folks who have already moaned about not being able to convince their clients to do something like this:

How many of you have tried?

Assuming everyone’s figured out that you should only use this approach when it makes sense for the project, content, and audience (could be a big assumption after reading many of the comments above), why not give it a go? I’ve been teaching clients of *mine* for ages that it’s ok for browsers to not look the same, and believe me they get it as long as you explain it clearly. If you do that before starting the design process, then it won’t be a shock when you show them the final result in different browsers.

Saying to Andy “this is lovely, if only I could get my clients to use it” or “your solution only works in a world without clients” or “you’re a twit, Andy, if you think clients will go for this” is just being lazy — those of us who teach our clients about the differences in browser capabilities usually have an easy time of it.

And yes, you might not be able to use this on every project, but that’s OK — it’s more about having something to use should you need it, and now Andy’s done the work for you.

Repeat after me: “Thank you, Andy!” ;)

Ain Tohvri

May 25 2009 @ 01:49am #

Absolutely right Matt, why not some of you go for it and publicly advertise themselves with “We do IE6 development too” or “We do it for older platforms as well”.

Even so, I very much doubt the idea of competitiveness against the guys who just say “We do it standards-compliant and cross-platform” as that’s very likely going to work on IE6 too.

Those of you tired of this all, I welcome you to join in on discussion about CSS 3.

Thilo Thamm

May 25 2009 @ 02:35am #

“Andy, you’re a star, in nobody’s eyes but mine”

Killers

jan

May 25 2009 @ 06:39am #

I’d like to add my two cents here as a user of IE6.

I haven’t upgraded because all I have heard for years is how bad IE7 is.  Yes, I have Firefox and use it to check sites with.  I just don’t particularly like to use it as my main browser because I’m used to Outlook and don’t have the time or the inclination to re-learn something that I don’t have to. 

I have asked the opinion of the techs at Dell and at my ISP.  Both tell me NOT to upgrade.  It seems a bit strange to me that the only ones that encourage it are the ones that are designing sites that sometimes don’t render correctly in it.

That being said, I don’t notice if “corners are not rounded” or anything like that.  I guess if you never know it, you don’t miss it.  What I do have a problem with is when certain Wordpress blogs and websites are designed to completely fill a widescreen monitor.  Parts of the page just disappear completely.  Maybe it’s the width, maybe it’s the coding itself…I don’t know.  But it generally takes a designer about 5 minutes to fix it, and since about 25% of users are on IE6, it seems a bit silly to argue about it.

Personally I don’t care for a full-screen wide website anyway.  I think they look better with a background, and then everyone is taken care of.

Just my two cents.  I still have no desire to upgrade to IE7 or 8, either.

Jan

Justen Robertson

May 25 2009 @ 09:39am #

Jan: you find it strange that the people who are most qualified to know what browser is most useful for browsing are the only people who recommend it? :) IE7 was a disaster when it came out several years ago, but part of the problem was that IE7 is not broken and useless in the way that IE6 is, so the code being delivered for IE6 would often break in IE7 because it was compensating for bugs that did not exist in IE7. IE7 still has its faults compared to good browsers but it is leaps and bounds better than IE6 (IE8 is pretty solid).

As far as not having the time and inclination to learn something new, well, that’s your decision, but I can’t say I personally condone it. Refusing to learn new things is equivalent to intellectual death. At some point, we will stop supporting IE6 in a meaningful way and you’ll have to learn or give up using the web, your choice.

On the time it takes to correct problems with IE6: IE6 can add anywhere from 10% - 30% to my development time depending on the complexity of the site I’m building. It would be more than that if not for the help of a variety of javascript frameworks and libraries that help fix it. On a large, complicated web site or web application this is countless hours lost to me and to my clients who are paying for the time, not “a quick 5 minute fix”.

Justen Robertson

May 25 2009 @ 10:16am #

@Darren Taylor: regarding your CMS front end: first off, I imagine it’s not your job to visit collegehumor.com or go shopping at work. I find that upgrading to a better, faster, more secure browser will pay for the cost of fixing a bad CMS for most clients (reduction in IT costs due to fewer virus outbreaks, etc. resulting from IE6 exploits, higher productivity, better server performance), however for those where this is not the case or they simply cannot afford the development costs, it makes a lot of sense to use IE6 as the intranet browser and enforce use of a standards-compliant, secure browser for web browsing.

As for treating IE6 users as ‘second class citizens’ - it is not reasonable for an owner of a 1983 Toyota to demand the same driving experience as the owner of a Mercedes. Moreso if they’re offered a Mercedes for free and refuse it because they don’t want to get used to the new car smell and the digital instrument panel.

@Rob Cornelius: Software pirates are welcome to install free browsers (and to use free operating systems such as Ubuntu). I understand one has to meet client & customer expectations, but maybe providing a little publicity for a quality browser of your choice on the sites you design would be a good investment of your time, with a carrot in the form of some slightly improved user experience for users of that browser. In their case it may be an issue of ignorance rather than stupidity, and you may actually do them a favor by offering enlightenment.

“Clients won’t go along with it”: I have one regular client who is very insistent on complete IE6 support for the front-end of all sites. They also insist on table-based layouts which only use CSS for fonts & colors (they don’t think standards compliant sites are ‘ready for prime time’) - which is one reason that I do only backend development for them :P My other regular clients are willing to accept an alternative IE6 layout as long as it captures the essence of the design. I’d like to get to the point of using a barebones solution like Andy’s - along with a little ad in the footer showing what they’re missing out on, so they’re encouraged to upgrade.

TJ

May 25 2009 @ 04:22pm #

Hi

Great Post!
I haven’t read through all comments above, but I think a good argument for convincing a client is to take note of the hours spent developing workarounds for ie6 including not being able to use certain javascript and css features. Most clients aren’t aware that around 20-30% (if not more) of their “templating” budget is being spent on ie6 fixes. If I were the client, this definately would interest me.

Jan

May 26 2009 @ 02:02am #

@Justen-
Jan: you find it strange that the people who are most qualified to know what browser is most useful for browsing are the only people who recommend it? :)

I know I’m probably going to really get flamed on this one, but since I’m on a roll, I might as well dive in.

You say that “designers” are most qualified.  I’m afraid I have to dispute that.  I’m afraid I’m going to have to take the word of a Dell technician or someone who troubleshoots for my internet service before I am going to listen to a web developer.

On a small level, I design websites myself.  I learned how to WRITE html and use Notepad to build my sites.  Takes me a long time, yes.  But if you put one of my hand-done, NO-CSS websites up against one that is done with all the bells and whistles, and all links and things are the same…Google is going to lap mine up with a cat with a bowl of milk.

Designers love CSS because it’s faster.  I love tables and straight HTML because it ranks quicker and better. Yes, a site designed with CSS will rank, too.  But the less of it that’s used, the better off it will be for SEO.  And I know ya’ll will deny that to your dying day.

It’s not only IE6 that chokes on the quick fix.  Mobile phones don’t take it…email blasts don’t work with it.  Newsletters have to be done twice to be sent out and then to be put on the website.  Just because you can create a site faster doesn’t mean it’s better.  Most of the designers that use CSS are not that good at it, and those are the ones that pop out sites with problems.

But it’s all good.  It keeps the web from looking the same across all the websites.  There will always be designers who will go the extra mile to do work for me when I need it, and there will always be customers that will be happy with my plainer ones as long as they are tops in Google.

And eventually I will upgrade to IE8 or better, I’m sure.  Until then, I’ll continue to run across sites that I can’t use, and complain to the owners when I do.  Lord knows I buy enough online as it is.  It’s better for my wallet to have a few sites I can’t shop on.

Evan Byrne

May 26 2009 @ 02:34am #

Jan, I am a certified IT technician unlike most of those guys (n00bs) working at Dell. I’m also competing at a national level computer networking and infrastructure competition this June. IE6 is an outdated and insecure browser that NOBODY should be using. And yes, website designers are more qualified to tell you that than a Dell tech. Why you would make such a silly claim that we don’t know what we are talking about? Also, table based websites do NOT have better SEO.

Jan

May 26 2009 @ 02:50am #

I knew you’d say that.  It’s ok.  We all have our opinions about these things.  For the record, I wasn’t talking about the first line techs at Dell.  I asked one of top-level guys last time.  I agree that the ones you usually talk to sometimes know less than I do. I’ve been doing SEO for 6 years now.  Maybe somewhere there is a CSS based site that would outrank an old-time hand-done one.  I haven’t seen it yet, though.  But I’m not going to argue about it.  I just voiced my own opinion. I could throw some more fuel on the fire and say that with a few tweaks, Blogger Blogs rank better and faster than WordPress blogs.  But I won’t open that can of worms…:-)

Evan Byrne

May 26 2009 @ 03:28am #

The difference between your opinions and my opinions is that I’m giving you real facts based on my experience and knowledge that I’ve acquired through intensive training in the field. When it comes to SEO it’s the site content and traffic that matters, not if it uses tables or CSS.

Jan, Evan Byrne: Ed says: Maybe that conversation about SEO is a little off-topic and should be taken elsewhere?

Justen Robertson

May 26 2009 @ 08:59am #

Jan, regarding Dell technicians, they’re not really ‘technicians’, they’re monkeys trained to follow procedures written on digital flash cards. If you’d like the advice of a technician, I was a technician (a real one, with real skills) for several years. I’ll tell you right now: IE7 is faster, safer, and more capable than IE6. I did recommend not upgrading to people in the first 6 months or so for the following reasons:

1. They were a corporate customer with an intranet built to run in IE6 - in which case I recommended testing the system before deploying IE7, and using a more secure and capable browser (such as Firefox) for web browsing.

2. They were an AOL user, because AOL software was incompatible with IE7 and AOL would actually cause computers to slow down and freeze up with IE7 installed. I recommended removing AOL software, since it’s not necessary to using AOL services.

3. They ran Windows 95/98/2000 - IE7 is not compatible with those systems. I’d recommend Firefox (or a new pc :P).


That said I feel I am much more qualified now to discuss browser technology, since my current job is to know how each browser works and what it’s capable of. Specifics of browser technology is only tangentially related to the technician’s sphere of knowledge, which is the diagnosis and repair of problems impeding the operation of the computer.

As far as SEO, I suggest you research your claims a little more thoroughly, for your clients sake if not for your own.

Darren Taylor

May 27 2009 @ 06:44am #

@Justen Robertson as IE6 is used for content management on our Intranet, behind several firewalls and has been pen tested, risks are greatly reduced. As for slating IE6 and it’s security, I don’t doubt you have a valid point but in the many years I’ve been using it I’ve never had a problem (outside of work) and any corporate network worth its salt, should not either.

I think your points also miss the argument here, at least the bee in my bonnet. It’s not fair to treat IE6 users by delivering them an unstyled site, unless it makes little difference to do so. That’s why I blogged that this solution should come with a caution and I think people need to be clear that this isn’t an IE6 stylesheet for every occasion.

Chris Neale

May 27 2009 @ 09:50pm #

Usage like IE7 the library http://code.google.com/p/ie7-js/ would be handy too

Greg Smith

May 28 2009 @ 04:21am #

What Kyle said ( first post )

Makes sense to us, but nothing will change until IE6 is officially dead, the way NS4 or IE for Mac are considered dead.

Commenting is not available in this channel entry.
Hardboiled Web Design

Hardboiled Web Design by Andy Clarke

How the latest technologies and techniques will make your websites more creative, flexible and adaptable. Get hardboiled in all formats from Five Simple Steps. Digital formats also available at Amazon.com, Amazon.co.uk and the iBooks store.

We’ve deconstructed this site to focus on content while we restyle. Expect wonkiness during the transition.