Aug 12

Mit Conditional-CSS browserspezifische Stylesheetangaben verwenden

Tag: AllgemeinesPatrick @ 9:46 pm

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.

keine Antwort zu “Mit Conditional-CSS browserspezifische Stylesheetangaben verwenden”

  1. Beograd film 2020 sagt:

    Beograd film 2020

    Beograd film 2020

  2. psiholog sagt:

    psiholog

    psiholog

  3. psyhelp_on_line sagt:

    psyhelp_on_line

    psyhelp_on_line

  4. coronavirus sagt:

    coronavirus

    coronavirus

  5. Cherekasi film 2020 sagt:

    Cherekasi film 2020

    Cherekasi film 2020

  6. generic levitra sagt:

    levitra

    where to buy the best generic levitra – levitra 20mg side effects faq – levitra uk buy

  7. film doktor_liza sagt:

    film doktor_liza

    film doktor_liza

  8. djoker film sagt:

    djoker film

    djoker film

  9. hemp oil vs cbd oil sagt:

    cbd oil

    how long does CBD oil stay in your system – cbd oral capsules – cbd relieve

  10. cbd oil for sale sagt:

    benefits of cbd oil

    cbd vape starter kit – cbd oil for sale – cbd medical

  11. gidonline-filmix.ru sagt:

    gidonline-filmix.ru

    gidonline-filmix.ru

  12. chloroquine phosphate 250mg sagt:

    chloroquine for covid-19

    coronavirus 0.12 micron – chloroquine 250 mg – coronavirus linked to bats

  13. koronavirus-v-ukraine-doktor-komarovskiy sagt:

    koronavirus-v-ukraine-doktor-komarovskiy

    koronavirus-v-ukraine-doktor-komarovskiy

  14. cialis generic sagt:

    cialis order online

    buy discount cialis online – cialis 10mg vs 20mg you cannot reply to topics in this forum – cheap cialis usa without prescription

  15. viagra for sale sagt:

    viagra

    viagra 20mg review you cannot post new topics in this forum – viagra aim address – buying viagra in philippines

  16. cialis online sagt:

    cialis online

    cialis commercial 2012 in descending order – canadian pharmacy cialis 20mg joined – high doses of cialis

Hinterlasse einen Kommentar

You must be logged in to post a comment.