Also da ich in letzter Zeit viel CSS Kram mache und diesen im in allen Browsern zum Laufen bringen muss, benötige ich oft CSS Hacks für die jeweiligen Browser.

Um nun nicht ständig Google befragen zu müssen, hab ich hier nun selber eine kleine Liste von hilfreichen Hacks zusammengestellt.

IE6:
Um CSS – Anpassungen nur für den IE6 zu machen, setzt man einfach einen Unterstricht “_” vor die Eigenschaft.

div#test {
_padding:5px;
}


IE7:
Um CSS – Anpassungen nur für den IE7 zu machen, setzt man einfach einen Stern “*” vor die Eigenschaft.

div#test {
*padding:5px;
}


Firefox:
Für den Firefox gibt es verschiedene Arten eine CSS – Anpassung zu machen. Je nach Version gibt es Codevarianten.

/* FireFox 2 */
div#test , x:-moz-any-link {
padding:5px;
}

/* Nur FireFox 3 oder höher*/
html>/**/body div#test,  x:-moz-any-link, x:default {
padding:5px !impportant;
}

Ein !important sollte gesetzt werden da es mit einem Google Chorme Hack sonst Probleme geben könnte.

Google Chrome:
Der Hack für den Google Chrome sieht so aus.

body:nth-of-type(1) div#test {
padding:5px;
}

Safari:
Der Safari CSS – Hack is dem vom Google Chrome recht ähnlich.

body:first-of-type div#test {
padding:5px;
}