> I have a project which we started designing for IE6, then proceeded to > demo on IE7 compatability, which broke most of the IE6 > compatabilities. > > Now, I have to make the design cross browser (IE6, IE7 and Firefox). > I'm sure I can do these with a lot of time (and right frame of mind) > but is there any approach that you can suggest so that there will be > less hair-pulling for me? :) >
The most important thing is to forget about IE 6 to start with; its support for CSS is so badly broken that, pretty much by definition, if it works in IE 6, you've done it wrong. If you first get it looking right in Firefox, you'll find that things will work the same way in just about every other browser, including IE 7. You'll also find that it's probably totally broken in IE 6. However, there are a few simple techniques to coerce IE 6 into interpreting things correctly, which is where this list can help you. Feed those fixes to IE 6 using an extra stylesheet included using conditional comments, and you're done. To give you an idea of the sort of thing I'm talking about: I built a page which took about an hour to style correctly for Firefox; it also then worked correctly in Opera, Safari and IE 7. In IE 6 it exploded in a mass of broken pieces scattered all over the screen. It took precisely two lines of non-standard IE-only CSS (setting zoom: 1; on a couple of elements to be precise) to get IE 6 looking the same as everything else. The best thing you can do, if you have it working in IE 6, is to throw it away and start again. Trying to go in the direction of getting IE 6-compatible CSS to work in proper browsers is the road to insanity. Regards, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
