Topic: All CSS Hacks... (Page 1 of 1) Pages that link to <a href="http://ozoneasylum.com/backlink?for=23108" title="Pages that link to Topic: All CSS Hacks... (Page 1 of 1)" rel="nofollow" >Topic: All CSS Hacks... <span class="small">(Page 1 of 1)</span>\

 
templar654
Bipolar (III) Inmate

From: The Belly of a Fire Breathing Dragon
Insane since: Apr 2004

IP logged posted posted 08-29-2004 13:47 Edit Quote

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

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 08-29-2004 14:06 Edit Quote

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

Hope that helps.

hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

IP logged posted posted 08-29-2004 19:08 Edit Quote

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.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 08-29-2004 20:14 Edit Quote

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.

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 08-29-2004 20:50 Edit Quote

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.


 

Veneficuz
Paranoid (IV) Inmate

From: A graveyard of dreams
Insane since: Mar 2001

IP logged posted posted 08-29-2004 21:32 Edit Quote

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 -

templar654
Bipolar (III) Inmate

From: The Belly of a Fire Breathing Dragon
Insane since: Apr 2004

IP logged posted posted 08-30-2004 09:56 Edit Quote

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

dottedquad
Obsessive-Compulsive (I) Inmate

From:
Insane since: Sep 2004

IP logged posted posted 09-12-2004 05:50 Edit Quote

don't use hacks.....

templar654
Bipolar (III) Inmate

From: The Belly of a Fire Breathing Dragon
Insane since: Apr 2004

IP logged posted posted 09-12-2004 06:02 Edit Quote
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

liorean
Nervous Wreck (II) Inmate

From: Umeå, Sweden
Insane since: Sep 2004

IP logged posted posted 09-12-2004 13:22 Edit Quote
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"};

Steve
Maniac (V) Inmate

From: Boston, MA, USA
Insane since: Apr 2000

IP logged posted posted 09-12-2004 14:14 Edit Quote

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



Post Reply
 
Your User Name:
Your Password:
Login Options: Remember Me On This Computer
 
Your Text:
Loading...
Options: Show Signature
Enable Slimies
Enable Linkwords

« BackwardsOnwards »

Show Forum Drop Down Menu