Topic: All CSS Hacks... (Page 1 of 1)

Does anyone know of a good article on all CSS Hacks for Mozilla/IE/Opera etc etc?

I shut my eyes in order to see | Online Portfolio | Journal | Community | Paintings | Cell #23041

templar654: Dithered.com's CSS Filters and Hacks pages are a unvaluable ressource.

Hope that helps.

It is usually better to try to create your pages without hacks than to plan for them to be there. Your page will stay usable longer as browsers change if you can create a page without hacks.

-- not necessarily stoned... just beautiful.

hyperbole: Excellent point. Forward compatibility, and accessibility, are the spine of the best practices.

Usually I limit the hacks in my own CSS to fix the width and height properties with the !imporant rule that IE6.0 still does not support though it's in the CSS1 recommendations of december 1996.

There are a number of CSS hacks which allow you to fix problems in current browsers while still maintaining forward compatability.

For instance, NN4 has a parsing bug that makes it think that

/*/*/

is only an opening comment, when it's actually both an opening and closing comment. You can use this to hide CSS code only from NN4:

/*/*/
p {color:red;}
/* */

Since the syntax is perfectly legal, you can rest assured that future browsers will properly interpret the CSS and make paragraphs red, while NN 4 will not.

That's the idea behind most CSS "hacks": make a certain browser do a certain thing (usually working around a bug in that version of that browser), while *still keeping your code correct* so that the theoretical "perfect" browser will do the right thing also. This maintains forward compatability.


 

Another hack that I've been using a lot lately to get IE to work correctly is to add
* html
before the ordinary rule. The rule will only apply to those elemts with something around the html tag. Since no tag is outside the html tag Firefox/Opera won't read them, but due to a bug in IE it will read the rule as a normal rule.

_________________________
"There are 10 kinds of people; those who know binary, those who don't and those who start counting at zero"
- the Golden Ratio - Vim Tutorial -

Well I don't want to use hacks but sometimes you just get so frustrated they seem like the only option left

I shut my eyes in order to see | Online Portfolio | Journal | Community | Paintings | Cell #23041

don't use hacks.....

quote:

---

dottedquad said:

don't use hacks.....

---

That has got to be the most enlightening amount of information I for one have ever recieved!!

-----------------------------------------------------------------------------
Templar654's signature below... then again you already knew that!
-----------------------------------------------------------------------------
Still using IE? Please don't say yes! >>
Why Opera? Because it's the only one!

Online Portfolio | Journal | Community | Paintings | Cell #23041

quote:

---

poi said:Usually I limit the hacks in my own CSS to fix the width and height properties with the !imporant rule that IE6.0 still does not support though it's in the CSS1 recommendations of december 1996.

---

Iew does support !important. However, it doesn't do it right with properties specified in the same rule set, only with properties from different rule sets.

--
var Liorean = {
prototype: CSSGuru.prototype,
abode: "http://liorean.web-graphics.com/",
profile: "http://codingforums.com/member.php?u=5798"};

templar:
add
http://css-discuss.incutio.com/?page=CssHack
to your bookmarks. Though prolonged reading could cause your head to explode.