Aug. 12
Mit Conditional-CSS browserspezifische Stylesheetangaben verwenden
Zweifellos jeder Web-Designer und -Entwickler stieß bei CSS-Angaben auf Darstellungsunterschiede in verschiedenen – vor allem älteren – Browsern, durch die man gezwungen war weitere Stylesheet-Dateien einzubinden oder CSS-Hacks zu verwenden um eine einheitliche Darstellung erzielen.
Das Kernpunkt des Problemes ist der unterschiedliche Grad der CSS-Implementierung in den verschiedenen Browsern und deren Versionen.
Allan Jardine bietet mit Conditional-CSS eine, wenn nicht sogar die, Lösung des Problems an: Er nahm die Idee der Conditional-Comment-Syntax des Internet Explorers auf und übertrug diese auf CSS-Anweisungen.
Somit ist es nun möglich, einfacher zu wartenden CSS-Code zu schreiben, der sich an die Eigenheiten des jeweiligen Renderers anpassen lässt. Damit sollten sich die nervigen CSS-Bugs auf einfache Weise umgehen lassen.
Unterstützt werden nahezu alle gängigen und exotischen Browser von IE bis Playstation Portable. Wobei zu beachten ist, dass nicht jede Browserversion auf Grund der Eigenheiten vollen Support erhält. Eine genaue Übersicht gibt dazu gibt es hier.
Hauptsächlich wird Conditional-CSS, wie bereits angesprochen, dazu verwendet werden, um festzulegen, ob ein CSS-Ausdruck an den jeweiligen Browser gesendet werden soll oder nicht. Es ist klar, dass man eigentlich auf solche Tricks verzichten möchte, aber in Ausnahmefällen ist C-CSS äußerst nützlich um einen bestimmten Browser anzusprechen anstatt Stunden mit einem Problem sich rumzuplagen.
Jeder CSS-Einzelanweisung oder jedem Anweisungsblock kann eine Bedingung vorangestellt werden.
Hier ein paar Beispiele zur Anwendung:
a.button_active, a.button_unactive {
display: inline-block;
[if lte Gecko 1.8] display: -moz-inline-stack;
[if lte Konq 3.1] float: left;
height: 30px;
[if IE 5.0] margin-top: -1px;
text-decoration: none;
outline: none;
[if IE] text-decoration: expression(hideFocus='true');
}
[if IE] .box {
width: 500px;
padding: 100px 0;
}
Wer sicher näher dafür interessiert, kann das OpenSource-Projekt C-CSS herunterladen und auf dem eigenen Server aufspielen. Eine detailierte Einbaueinleitung für PHP liegt bei.
Ähnliche Themen im Blog:
April 4th, 2021 at 11:55 am
pranks with viagra
pranks with viagra
April 4th, 2021 at 2:33 pm
tea for viagra
tea for viagra
April 4th, 2021 at 10:03 pm
when generic cialis
when generic cialis
April 4th, 2021 at 11:31 pm
tadalista 20 vs cialis
tadalista 20 vs cialis
April 13th, 2021 at 9:36 am
The Revenant
The Revenant
April 14th, 2021 at 11:45 am
2021
2021
April 20th, 2021 at 5:28 pm
D4
D4
April 22nd, 2021 at 11:34 pm
777
777
Mai 2nd, 2021 at 11:17 pm
78789
4484684649874987
Mai 6th, 2021 at 6:17 am
news2021
news news news
Mai 9th, 2021 at 11:16 am
psy
psy
Mai 9th, 2021 at 12:27 pm
psy2022
psy2022
Mai 9th, 2021 at 2:22 pm
projectio-freid
projectio-freid
Mai 15th, 2021 at 5:44 pm
kinoteatrzarya.ru
kinoteatrzarya.ru
Mai 17th, 2021 at 5:53 pm
do i need prescription to buy cialis
when can i buy cialis without a prescription
Mai 19th, 2021 at 11:45 am
afisha-kinoteatrov.ru
afisha-kinoteatrov.ru
Mai 19th, 2021 at 3:19 pm
Ukrainskie-serialy
Ukrainskie-serialy
Mai 19th, 2021 at 6:08 pm
site
site
Juni 18th, 2021 at 7:13 pm
soderzhanki-3-sezon-2021.online
soderzhanki-3-sezon-2021.online
Juli 28th, 2022 at 2:37 pm
world news today
Januar 22nd, 2023 at 10:32 pm
xxx
xxx