I’ve spent a good deal of time today trying to get the CSS for my new site looking good in IE 5.5. It’s really 95% of the way there, but the indents on the <li> tags are wrong on only some of the lists (I’m using the standard “background image for bullet” technique).
I’m starting to resort to IE 5.x specific hacks, but I really need to target IE 5.5 directly as IE 5.0 renders correctly. I’ve found some good stuff, but I’m really not thrilled about resorting to hacks.
Anyone want to point me to a good resource I may not have found yet?
For a production site as yours (prospective clients coming in) you would probably benefit from targetting IE5.5 with specific hacks, though I would never do something like that myself.
If people (read: personal users) absolutely have to use buggy stuff like IE, IE6 should be installed.
I remember I had to use ugly, dirty css hacks on my site some months ago to make IE properly draw a page with paddings all over the place (css-only layout). I’m never, ever, doing that again.
I submitted this to the CSS-discuss list a while back, but no one else seemed to have the same problem. It’s a hack, but I don’t know a better way. Basically, IE5.0 can see through the “html > body” hack so you can pass IE5.5 CSS normally, target IE5.0 with html > body, send IE6 stuff with the backslash hack and get the right info to Moz, et al. with html>body.
You can this all in action here: http://www.cbeyond.net/
How about the anarchists cookbook and Microsoft headquarters?
Tom, that is some fantastic work you’ve done over there. Nice job.
Oivind and Ryan, I hear ya.
CSS Hacks Breaking Validation
I had nice valid CSS, then I bumped into IE 5.5. So I added a few hacks to make it look right in IE 5.5 and it broke the validation. I am not amused.
Seems the validator doesn’t like the ‘/’ hacks.
* html #sidebar ul li { /* feed IE onl…
This site: http://www.positioni[...]rything.net/
Has a few articles on IE specific bugs and how to deal with them. Im not sure it addresses your specific problem but it might be helpful in the future.