IE6 Cheatsheet: How To Fix Internet Explorer 6 Bugs

http://www.virtuosimedia.com/tutorials/ultimate-ie6-cheatsheet-how-to-fix-25-internet-explorer-6-bugs

by amackera • 17 years ago

126 36 17 years ago

virtuosimedia.com

billybob• 17 years ago

"The best strategy for dealing with Internet Explorer 6 is not to support it."

Amen.

jsm3862• 17 years ago

That is the easiest strategy, but the author doesn't mean it, and the entire collection of info backs that up. He even says so a few lines later:

"This isn't one of those rants about IE6 or a campaign to try to kill it. There are enough of those around the web, but they don't help if you need to support IE6 because it still has a significant enough marketshare that you can't ignore it for business reasons. No, this is the resource you've been hoping for."

But yes, I'd love not to support IE6 in all of my work, but that's just not happening...yet.

trebor3• 17 years ago

I agree, jsm386.

It's often simpler, though not necessarily easier, to code a design with progressive enhancement in mind rather than graceful degradation. Designing a structure that functions properly in IE6 is not difficult.

(Not that I like IE6, I just have to support it.)

wenbert• 17 years ago

In some cases this is impossible. I work for a company that uses a lot of internal applications that depend on old IE. Asking them to switch to Firefox is like asking them to shoot themselves in the head. A sad reality.

warfangle4• 17 years ago

Noticed this site was causing firefox to hang for about a minute and peg my CPU, so I profiled it:

The Addthis script you're using has an onReady method that gets called 94 times on pageload and takes an average 12 seconds to run each time. During this time Firefox gets the dreaded beachball/umbrella.

I'm having similar issues on a site we're using sharethis on, but not quite that bad on page load - it does increase the constant load on the cpu by about 15% though.

Be careful when using these widgets...

(macbook pro; 2.4ghz; 4gb ram; ff 3.0)

NathanKP4• 17 years ago

I didn't have any problem opening it Safari. ;)

Edit: I just tried it in Firefox 3.5.2 and no problem either.

I'm running Mac OS X Snow Leopard on a Macbook 2ghz duo, 2gb ram.

Possibilities: It could be Firefox 3.0, try updating. Or it might be the 64 bit power of Snow Leopard that makes it faster for me. But then again Firefox is still a 32 bit application.

warfangle4• 17 years ago

Even so, it's pretty egregious that something so simple would be so heavy. Works fine in safari for me, too, but according to statcounter about 15% of people are still using FF 3.0.

twohanded• 17 years ago

Was just wondering - what did you use to profile the page? Anything besides just firebug? I'm interested because we use AddThis as well, and I've noticed our site seems slow lately...

warfangle4• 17 years ago

Just firebug. Activity monitor is what tipped me off. At least addthis doesn't load 100kb of 3rd party frameworks like sharethis does, though :)

joubert3• 17 years ago

1. Upgrade.

DrJokepu2• 17 years ago

I must mention that the main reason IE6 is still around is because XP is still around.

joubert3• 17 years ago

Isn't IE 6 still around because many companies still standardize on it for their intranets? I would think the answer is Yes as evidenced by MSFT's recent life extension to 2014.

_ck_• 17 years ago

Best single IE6 CSS cheat for 90% of my problems:

  zoom:1

Learn it, love it, use it.

It makes IE use its old renderer calculations (hasLayout) for whatever element you put it on, so it often fixes disappearing items, incorrect overflow, floats, padding/spacing etc. If your style looks correct in other browsers, give zoom:1 a shot on IE6 and see if it fixes things before wasting another minute.

ps. For those that are validation crazy, there are other triggers for hasLayout that will validate (certain padding, margins, etc.) but they vary from element to element, whether they have ancestors, etc. and you'll waste a great deal of time figuring them out.

pbhjpbhj3• 17 years ago

Zoom is not a W3C standard though ...

JMostert• 17 years ago

Which is why no other browser does anything with it, which is why it works so nicely.

The only drawback is that it doesn't validate. You can either wrap it in a conditional comment or incur the wrath of the standardistas and leave it be.

sam_in_nyc• 17 years ago

Is this a joke? After reading about how zoom:1 is essentially a miracle, you'd be hesitant to use it because it doesn't pass a very arbitrary and often stupid set of rules?

I'm not meaning to put you down, but I just don't understand this validation craze -- beyond the fact that you can say "it validates, does yours?" It seems as though it is some sort of psychological/sociological game... and I was hoping us developers were beyond that sort of thing.

I would be more impressed if there were a validation that said: "This actually looks like it should in X, Y, and Z browsers."

makecheck• 17 years ago

If there's a culture that refuses to upgrade software, then the solution requires both the education of those who are not upgrading, and the solutions to let them do it. For example, present the relative costs of staying put (mainly risk to the business, e.g. several million dollars a few years from now if everything breaks), against the costs of hiring someone to fix it. Bring in the people who could fix it, and find some quotes.

In other words, the people who made the irresponsible decision to stick with old software should have to cover the cost of fixing it. Every site on the Internet should not continue to cover this cost for them.

Jasber2• 17 years ago

Another interesting one I've stumbled on is the underscore hack. This is a way to apply CSS only to IE 6: http://designpepper.com/2008/01/09/defeating-ie6-with-emphas...

#page { background-color: white; _background-color: black; }

This applies background-color black to IE 6 only, and white to everything else.

run4yourlives• 17 years ago

You shouldn't really be including hacks straight into your main css. The main reason being that you have no idea how future browsers will handle the hack because is basically undocumented, and this might cause you - or your client - grief in the future.

Include a new stylesheet via conditional comments and you can isolate any IE browser while not needing any hacks. (i.e., you can just declare the background color directly)

Jasber2• 17 years ago

Yes you are correct that this should hardly ever be done, and instead be handled the way you specified.

I do still think its interesting and may be useful in cases where you might have access to only CSS and not templates.

pbhjpbhj3• 17 years ago

Most clients don't want to pay you to create an IE only CSS file, takes minutes I agree but if they won't pay a few quid extra then why should I do it.

TBH I usually do this sort of thing (add an ie6.css file instead of a hack) as I tend to over-engineer rather than keeping to the agreed spec and work schedule.

NathanKP4• 17 years ago

What a useful cheatsheet! Its just too bad that it is so useful. IE6 should have died long ago, forever replaced by Firefox.

RyanMcGreal• 17 years ago

At this point I'd be willing to live with "...forever replaced by IE8".

NathanKP4• 17 years ago

I agree. Even IE8 would be better than nothing.

mitko• 17 years ago

Why?

sanj• 17 years ago

Has anyone explored using user agent sniffing to serve up completely different pages for IE6? Create a set of simple vanilla pages (much like you might for mobile) that are independent so that you don't mess up modern browsers with the hackery.

warfangle4• 17 years ago

Don't need to. You can include completely different stylesheets and javascript files simply with IE conditional comments (IE parses what's in them based on simple rules like, version >= 7; all other browsers ignore them as comments): http://www.javascriptkit.com/howto/cc2.shtml

If you code to standards and follow unobtrusive / degradable javascript patterns, your site should work without stylesheets and javascript anyway :)

theone• 17 years ago

Really a nice compilation.. thanks for the effort

IE6 Cheatsheet: How To Fix Internet Explorer 6 Bugs

Related Stories