Met een legio aan webbrowsers, kan het nog een flinke klus zijn om je website er op elke computer goed uit te laten zien. Ik ben niet van plan om hier alle bugs/verschillen op te noemen, maar een aantal dingen waar ik afgelopen week tegen aan liep bij het testen van een nieuw ontwerp waren onder andere verschil in marges, lettergroottes, problemen met transparante png’s en kleurverschillen. Dat laatste werd overigens niet veroorzaakt door verschillende browsers, maar door verschillende monitoren. Ook erg vervelend. Ik denk dat je daar weinig aan kunt doen, maar de daarvoor genoemde problemen zijn wel te verhelpen.

Als je gebruik maakt van een css-reset, kun je al een groot deel van de problemen ontlopen. Met een css-reset zet je bepaalde eigenschappen van elementen op nul, waarna je ze zelf volledig kunt instellen. Het voordeel hiervan is dat de je met een lege basis begint en daar alles opbouwt waardoor je de standaardwaarden van de browsers uitschakeld en zelf betere controle hebt over hoe alles er uit gaat zien. Met deze regel:

* {margin: 0; padding: 0;}

zet je bijvoorbeeld de marges en paddings van alle elementen op nul.

Tijdens het testen liep ik er ook nog tegen aan dat de tekst in Opera iets groter werd weergegeven dan in de andere browsers, helaas ben ik vergeten hoe ik dat heb opgelost. Vaak is het ook gewoon veel proberen, hier en daar wat properties in de css veranderen totdat het werkt.

En zoals alle webontwikkelaars wel weten, levert Internet Explorer 6.0 de meeste problemen op. Chris Coyier van CSS-Tricks heeft een tijd geleden een lijst gemaakt van de bugs die je iedere keer tegenkomt in IE6. Op veel plekken op internet vindt de discussie plaats of wij als webontwikkelaars nog steeds IE6 moeten blijven ondersteunen. Volgens de statistieken van w3schools.com gebruikt nog ongeveer een kwart van de bezoekers Internet Explorer 6 en dat is voor mij toch reden genoeg om die browser te blijven ondersteunen. Daarnaast vind ik het vaak ook wel een leuke uitdaging om het voor elkaar te krijgen. Soms ben je een paar uur achter elkaar aan het prutsen en is het even niet zo fijn en moet je af en toe wat consessies doen, maar het geeft wel een goed gevoel als het uiteindelijk lukt om de website ook in IE6 goed weer te geven.

Voor wie nog niet weet hoe je proplemen met Internet Explorer kunt oplossen: het beste maak je gebruik van zogenaamde conditional comments. Dat zijn stukken code die alleen door (een bepaalde versie van) Internet Explorer gelezen worden. Een artikel met uitleg over hoe je deze codes gebruikt, vindt je hier.

Ik heb wel eens geroepen ‘Had iedereen maar Firefox!’, maar iedereen heeft natuurlijk de vrijheid om de browser van zijn/haar voorkeur te gebruiken.

Gelukkig houden de browser-ontwikkelaars zich steeds beter aan de webstandaarden en wordt het steeds eenvoudiger om een website op verschillende computers er goed uit te laten zien. Het is natuurlijk wel belangrijk dat je website ook ontwikkeld is volgens de webstandaarden.