CSS Hacks table

Thursday 10 November 2005

An awesome table of all of the known CSS Hacks, and which browsers see which. If you don't know what I'm talking about: CSS Hacks are the dirty underbelly of Cascading Style Sheets, where the differences in CSS implementation in the different browsers are worked around by exploiting differences in the parsers to have certain rules exposed only to certain browsers. Yuk!

Comments

[gravatar]
mikey 12:28 PM on 10 Nov 2005

That dirty underbelly is not on CSS, it's on the browser's implementation of the W3C spec.

CSS, like San Dimas High School Football, rules.

[gravatar]
Ned Batchelder 1:40 PM on 10 Nov 2005

I didn't mean to cast aspersions on the shining ivory tower that is CSS. It's just that when you set out to embrace the goodness, you find yourself mired in these real world uglinesses.

[gravatar]
Karl Guertin 2:14 PM on 10 Nov 2005

That's not ALL the css hacks available. They're missing a few that I like to use. The simplest to explain is IE's double class bug.

.red{color: red;}
.ie-only.red{color: blue;}

Comes out blue in IE because IE can't handle the intersection of multiple classes and treats the last class as if it were the only class.

[gravatar]
mikey 8:57 PM on 10 Nov 2005

Karl, thank you, that gets added to MY list.

Ned, CSS is what it is, but man alive, is it helpful.

Add a comment:

name
email
Ignore this:
not displayed and no spam.
Leave this empty:
www
not searched.
 
Name and either email or www are required.
Don't put anything here:
Leave this empty:
URLs auto-link and some tags are allowed: <a><b><i><p><br><pre>.