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

  17. viagra pills sagt:

    nizagara 100 mg vs viagra

    viagra information side effects last post – viagra trackback kommentera – viagra 10 mg 4 tablet login

  18. bitly.com sagt:

    bitly.com

    bitly.com

  19. viagra coupon sagt:

    viagra coupon

    viagra coupon

  20. cheap viagra sagt:

    cheap viagra

    cheap viagra

  21. cialis sagt:

    cialis

    cialis

  22. rlowcostmd.com sagt:

    rlowcostmd.com

    rlowcostmd.com

  23. bitly sagt:

    bitly

    bitly

  24. Zemlyane 2005 smotret onlajn sagt:

    Zemlyane 2005 smotret onlajn

    Zemlyane 2005 smotret onlajn

  25. pharmacy sagt:

    pharmacy

    pharmacy

  26. cialis generic sagt:

    cialis generic

    cialis generic

  27. Vratar Galaktiki Film, 2020 sagt:

    Vratar Galaktiki Film, 2020

    Vratar Galaktiki Film, 2020

  28. moskva-psiholog sagt:

    moskva-psiholog

    moskva-psiholog

  29. dom2-ru sagt:

    dom2-ru

    dom2-ru

  30. psy psy psy psy sagt:

    psy psy psy psy

    psy psy psy psy

Hinterlasse einen Kommentar

You must be logged in to post a comment.