Click to See Complete Forum and Search --> : Combining CSS Hacks...


stmasi
04-26-2004, 04:50 PM
How would I go about combining the "!important" hack with the Tantek Box Model Hack? Or do they not even belong together?

Thanx.

DaveSW
04-27-2004, 07:01 AM
Why bother with hacks? nest elements and then put the padding on one, and the width on the outside one etc. That way you won't need the box model hacks.

lindamulder
04-27-2004, 08:11 AM
I didn't know there was an !important hack. I read it as a legitimate rule (http://www.w3.org/TR/REC-CSS2/cascade.html#important-rules).

As for the Tantek hack, maxdesign (http://www.maxdesign.com.au/presentation/liquid/#working) has a discussion on how to avoid it by applying padding to the items in the container rather than the container itself.

Hope that helps. Those solutions helped me!

DaveSW
04-27-2004, 11:29 AM
lindamulder: It is a legitimate rule but it can be used to give different values to IE and mozilla.

Stmasi: what we're talking about is what I did with your menu ages ago for you - an extra span inside the <a> tags. By applying widths to the container element nested elements can be made to take the width of the container element, (e.g. display: block;) and then padded as necessary.