Benutzerspezifische Werkzeuge
Sie sind hier: Startseite / Programmierung / CSS / Web-Browser / CSS Hacks - IE, Firefox, Chrome, Opera & Safri

Web-Browser / CSS Hacks - IE, Firefox, Chrome, Opera & Safri

CSS-Hacks sind CSS-Definitionen, die nur für bestimmte Browser gelten. So können Browser-Bugs individuell umgangen werden!

Die folgenden CSS-Definitionen sollten nur von den in der jeweiligen Überschrift angegebenen Browsern interpretiert werden:

 

IE6 und IE7

Syntax:
.selector{*property:value;}
Beispiel:
.logo{*margin-left:5px;}

IE6

Syntax:
.selector{_property:value;}
Beispiel:
.logo{_margin-left:5px;}
oder
Syntax:
* html .selector{property:value;}
Beispiel:
* html .logo{margin-left:10px;}

IE7

Syntax:
* + html .selector{property:value;}
Beispiel:
* + html .logo{margin-left:20px;}

IE7 und Firefox

Syntax:
html>body .selector{property:value;}
Beispiel:
html>body .logo{margin-left:5px}

Firefox

Syntax:
html>/**/body .selector{property:value;}
Beispiel:
html>/**/body .logo{margin-left:5px}

Firefox3

Syntax:
html>/**/body .selector, x:-moz-any-link, x:default {property:value;}
Beispiel:
html>/**/body .selector, x:-moz-any-link, x:default {margin-left:5px;}

Google Chrome

Syntax:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.selector{property:value;}
}


Beispiel:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.logo{margin-left:5px;}
}

Opera 9 und frühere

Syntax:
@media all and (min-width:0px) {head~body .selector {property:value;}}
Beispiel:
@media all and (min-width:0px) {head~body .logo {margin-left:5px;}}

Safari

Syntax:
body:first-of-type .selecotr{property:value;}
Beispiel:
body:first-of-type .logo{margin-left:5px;}