[an error occurred while processing this directive]

Finden Sie harmonische Farben

Mit MyColor Studio, dem professionellen Farbmanagement für Ihre Webseite

Hier klicken und mehr erfahren

Schnelle Seiten gefällig?

Befreien Sie Ihre Webseiten mit wenigen Mausklicks von unnötigem Balast

Hier klicken und mehr erfahren

[an error occurred while processing this directive]

(Stand: 29.03.24, Adresse: http://www.grammiweb.de/html/html097.shtml)

 

CSS-Hack: CSS-Definitionen nach Browser unterscheiden

Auch wenn mit den offiziellen Spezifikationen Standards für CSS-Anweisungen geschaffen wurden, unterscheiden sich die Darstellungen von Browser zu Browser doch mitunter immens.

Gerade die beiden Lokalmatadore, der Microsoft Internet Explorer und Mozillas Firefox, bieten hier unerschöpfliches Potential für verschobene oder unansehnliche Layouts.

Mit einem kleinen Trick (einem CSS-Hack), kann jedoch die Darstellung abhängig vom Zeigeprogramm definiert werden. Durch den Kind-Selektor, der valide ist und von keiner Version des Redmonder Browsers interpretiert wird, können Anweisungen versteckt und nur für die anderen Browser zugänglich gemacht werden.

Beispiel

p { color: red; }
html>body p { color: blue; }

In <p>-Tags gefasste Ausgaben werden beim Internet Explorer rot, bei anderen wie zum Beispiel Firefox blau dargestellt.

Über diesen Selektor kann jedes ableitbare Child-Element definiert werden, einem "zweigleisigen" Layout steht also nichts mehr entgegen.

 
Zurück zum Inhaltsverzeichnis

[an error occurred while processing this directive] [an error occurred while processing this directive]

© Grammiweb.de Internetlösungen. Alle Rechte vorbehalten. Stand: 29.03.2024
Seitenanfang - Sponsor werden - Datenschutz - Medien - Impressum - Werbung - Hilfe - Kontakt