CSS Hacks

Ph3n0m · 06-03-2006 10:28PM #1

So people where do you find your hacks?

I have trawled through loads of css files and I have seen loads of hacks - and yet I can never find an explanation for any of them

For example, so of the strange markups I have see are:

|margin
mar\gin
!important

And so on.
So does anyone know where I can read up on the above or in fact a good central repository for such hacks, etc

jmcc · 06-03-2006 10:41PM

Ph3n0m wrote:

So people where do you find your hacks?

I have trawled through loads of css files and I have seen loads of hacks - and yet I can never find an explanation for any of them

The CSS Anthology - 101 Essential Tips, Tricks & Hacks. (A fairly good book with explanations.) Also the Wrox book:
CSS - Cascading Style Sheets for Web Design.

Regards...jmcc

Serbian · 06-03-2006 11:06PM

I think the main one is PositionIsEverything. If you see odd mark-up in a CSS file, often searching Google with the exact hack will throw up what the hack is. I found an explanation of what the mar\gin hack is.

Just as a FYI, !important is not a hack in itself, it applies the rule that is associated with !important regardless of whether the style has been changed later on in the CSS document or not.

Take the example below. Not knowing what !important did, you would expect the border on the box to be red, but it is in fact black.

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
.box {
	border: 1px solid #000 !important;
	border: 1px solid #c00;
}
-->
</style>
</head>

<body>
<div class="box">&nbsp;</div>
</body>
</html>

CSS Hacks

Comments