U bent hier:

1. Handleiding
2. Ontwikkeling
3. Cascading Style Sheets
4. Richtlijnen
5. Ondersteuning

Drie groepen browsers

Om de gebreken met ondersteuning voor CSS Level-2 te doorgronden, is begrip van het volgende model noodzakelijk. Browsers zijn met betrekking tot ondersteuning voor CSS in te delen in drie groepen.

• Browsers die goede tot vrijwel volledige ondersteuning voor CSS bieden.
  Deze browsers vormen zelden een probleem voor webontwikkelaars die uitgebreid CSS willen toepassen. Browsers die in deze groep voorkomen zijn de moderne varianten van Firefox, Opera en Apple’s Safari. Wat dat betreft, is het jammer dat deze browsers nog door een minderheid van de bezoekers worden gebruikt.
• Browsers die (gedeeltelijk) foutieve ondersteuning voor CSS bieden.
  Browsers in deze groep accepteren CSS, maar geven iets heel anders weer dan de webontwikkelaar – die CSS volgens de standaarden gebruikt – bedoelde. Deze groep browsers is de grootste veroorzaker van problemen. Browsers die tot deze groep behoren zijn onder andere Netscape Navigator 4 en alle versies 4 tot en met 7 van Microsoft Internet Explorer. Internet Explorer versie 7 is momenteel de meestgebruikte webbrowser.
• Browsers die geen ondersteuning bieden voor CSS.
  Deze groep negeert CSS volledig en toont een kale, doch toegankelijke en bruikbare website. Omdat CSS van nature optioneel is, ontstaat hier geen probleem. Tot deze groep behoren oude browsers, zoek-spiders, alternatieve browsers, zoals brailleleesregels en tekstbrowsers, en browsers op mobiele apparaten met een klein scherm en geheugen, zoals mobiele telefoons, PDA’s en palmtop computers

De adoptie van CSS door webontwikkelaars wordt vooral belemmerd door de browsers uit de tweede groep. Veel webontwikkelaars menen dat het web niet klaar is voor CSS vanwege de gebrekkige ondersteuning voor CSS door browsers in de tweede groep en het feit dat deze browsers zo veel door bezoekers worden gebruikt. Menige webontwikkelaar die met CSS begint, geeft het op uit frustratie met browsers in de tweede groep.

Browsers Style Sheets laten negeren

Er is echter veel mogelijk met CSS voor browsers in de tweede groep. Een veelgebruikte tactiek is om versie-4 browsers (Netscape Navigator 4 en Microsoft Internet Explorer 4) naar de derde groep te dwingen door het toepassen van technieken die deze browsers niet ondersteunen en die leiden tot het niet of gedeeltelijk laden van CSS-bestanden door deze browsers.

CSS hacks

Ondersteuning vinden voor andere browsers in de tweede groep – Microsoft Internet Explorer 5 en 6 – is een proces van proberen en ervaring opdoen. Er zijn genoeg zogenaamde CSS-hacks te vinden, trucjes die gebaseerd zijn op de tekortkomingen in deze browsers, om ze om de tuin te leiden en elementen weer te geven zoals de webontwikkelaar dat bedoeld heeft.

Alternatief voor hacks in Microsoft Internet Explorer: conditional comments

Het gebruik van CSShacks is niet vrij van gevaren. Het is nog onbekend hoe toekomstige browsers met hacks om zullen gaan. Mogelijk zullen webontwikkelaars de code van veel bestaande websites later moeten aanpassen om foutieve weergave in deze toekomstige browsers te voorkomen.

In geval van de meest gebruikte browser, Microsoft Internet Explorer, zijn conditional comments een bruikbaar alternatief voor het gebruik van CSS-hacks. Conditional comments bestaan uit een stuk code tussen (in de meeste gevallen) HTML comment-tags, dat door Internet Explorer wordt gelezen. Dit stukje code vertelt de browser te kijken naar zijn eigen versienummer, en afhankelijk hiervan een speciaal voor Internet Explorer (of Javascript, enzovoort) gemaakte stylesheet in te laden. In deze stylesheet kunnen alternatieve stijlen worden aangemaakt om te compenseren voor de weergavefouten in diverse versies van Internet Explorer.

Conditional comments kennen ook enkele problemen, bijvoorbeeld dat enkele variaties niet als valide HTML gelden. De keuze tussen het gebruik van hacks versus conditional comments is vaker een discussiepunt onder ontwikkelaars; de voor- en nadelen moeten zorgvuldig, per geval, worden afgewogen. Hierbij is uiteraard het voldoen aan de Webrichtlijnen van primair belang.

Onderstaande links bieden de geïnteresseerde ontwikkelaar meer gedetailleerde informatie over het gebruik van conditional comments.

Links en referenties

• Microsoft Developer Network. About Conditional Comments.
• Koch, Peter Paul. Conditional comments.
• Lawson, Bruce. 2005. Future-proof your CSS with Conditional Comments.

CSS gelaagd op browsercapaciteit

Een afzonderlijke trend die zich steeds vaker voordoet, is het met opzet gebruiken van geavanceerde CSS Level-2 regels die ondersteund worden door browsers in de eerste groep, maar niet door browsers in de tweede groep. Browsers in de tweede groep leveren visueel een minder indrukwekkend, maar nog steeds acceptabel resultaat. Sommige webontwikkelaars voegen hier nog technieken aan toe die, via omwegen, ondersteuning voor specifiek Microsoft Internet Explorer 5 en 6 alsnog mogelijk maakt.