Question

I have been using dean edwards ie7/8 script. Not sure if it’s my implementation or not but sometimes I would experience ie6 issues that weren’t quite fixed or required special handling which meant I would be back where I started, caring about ie6. So, I was wondering if ie7/8 is still the go or if some other practice/solution was better.

Answer 1

Update: I expanded my answer here with a tutorial on my site, which will probably be more helpful than my answer here. Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs

Here’s how I tackle IE6:

• I validate both my XHTML and CSS.
• I keep my designs simple, even the complicated ones.
• I don’t use hacks that invalidate my CSS.
• I use a JavaScript framework/library (I like MooTools, but you’ll get a lot of votes for jQuery, Prototype, YUI, Dojo, and many others) that handles most of my cross-browser JavaScript problems.
• I progressively enhance my pages so that they first work without JavaScript and then add all the bells and whistles.
• For some of the double margin problems, I use display:inline;
• If I absolutely have to, I use a separate stylesheet, though I’m finding I have to do this less and less.
• I try to avoid transparent images in my layouts. If I absolutely need them, I use a PNG8 with alpha transparency, which IE6 actually does support.
• To get at the min-height problem, I do the following:

This for IE6, which interprets height as min-height:

.classNameHere {height:300px;} 

This for for everything else:

div>div .classNameHere {min-height:300px; height:auto;} 

Incidentally, if you need to isolate IE6 with CSS, that’s a good way to do it, as it doesn’t support child selectors.