Supporting IE6 and IE7

KonFusion

Hey folks,

I've never built a site to work in IE6 and 7 (I've always just used a universal stylesheet so at least the content is still accessable). I've only ever supported back to IE8.

I now have a job which requires supporting IE6 & 7.

Any tips, links to articles, stuff to watch out for, etc would be really appreciated.

How do you work with IE6?

ThrowinShapes

I haven't had to work with them in quite a while. The best method I can think of is progressive enhancement.
Get everything working and behaving at a very basic level across browsers. Don't worry too much about the look on older browsers (border radius, transitions etc...) because otherwise you're going to be heaping on resources (including your time) to get everything consistent across all browsers.

I've found this to be useful as well: https://code.google.com/p/ie7-js/

From there, you can use feature detection to build on the experience for newer browsers. I like to use custom builds of modernizr. If you're using Grunt, then this: https://github.com/Modernizr/grunt-modernizr goes through your project files to generate a custom version of Modernizr specific to the needs of your project.

http://css3pie.com/ has helped me jazz up IE6/7 before.