Webdesign tips: Cross-browser compatibility

Internet Explorer is al enige tijd niet meer de enige internetbrowser die gebruikt wordt. Firefox, Safari, Opera en tegenwoordig ook Chrome van Google worden belangrijke concurrenten voor Internet Explorer. Door deze ontwikkeling op het gebied van browsers, heeft dat ook consequenties voor webdesign bedrijven.
Niet alle browsers maken gebruik van dezelfde standaarden en zo kan het dus zijn dat een website er in Firefox heel anders uit komt te zien dan door de webdesigner eigenlijk bedoeld was. Natuurlijk zijn hier diverse oplossingen voor en moet je er als webdesigner steeds voor zorgen dat ontworpen websites 'cross-browser compatible' zijn.

Internet Explorer (6,7,8) - Firefox - Chrome - Safari

Je zou zeggen dat websites er in zowel Internet Explorer 6, 7 als 8 allemaal hetzelfde uit zien. Dit is helaas niet zo en het kost dan ook enig werk om een website er in al deze browsers hetzelfde uit te laten zien... en werken. Internet Explorer 6 kan bijvoorbeeld niet overweg met transparantie in afbeeldingen (png en gif). Internet Explorer 7 en 8 ondersteunen dit weer wel.

Verschil met andere browsers zoals Firefox, Chrome en Safari

Het belangrijkste browserverschil zit in de de manier waarop de browser CSS 'rendert'. Zo gebruikt Internet Explorer 8 nog steeds CSS2 en accepteert slechts sommige elementen uit CSS3. Firefox, Chrome en Safari ondersteunen CSS3 wel (volledig) waardoor dit verschillen op zal leveren in weergave. Deze verschillen zijn echter wel op te vangen met uitzonderingen in de CSS code (browser-specifieke stylesheets) waardoor als resultaat een website er alsnog in alle browsers hetzelfde uit kan zien.

Website testen op cross-browser compatibiliteit voor alle browsers

Door de verschillen die kunnen optreden in de browsers is het erg belangrijk om de uitvoerig te testen op een correcte weergave en werking van de website. Nu is het mogelijk om alle browsers te installeren maar is het lastig om een website te controleren in Internet Explorer 6 of 7, als je Internet Explorer 8 hebt geïnstalleerd. Daarvoor kun je als webdesigner diverse tools gebruiken waarin zowel Internet Explorer 6, 7 en 8 te testen zijn.

Waarom is cross-browser compatibility zo belangrijk?

Cross-browser compatibility wordt steeds belangrijker voor websites. Voorheen was Internet Explorer veruit de meest gebruikte browser maar de concurrentie wordt groter en het marktaandeel van Internet Explorer neemt langzaam maar zeker af. Met Firefox (Mozilla), Chrome (Google) en Safari (Apple) heeft Internet Explorer (Microsoft) drie geduchte concurrenten. Zolang deze browsers niet dezelfde standaarden hanteren zal het belangrijk zijn om als webdesigner aandacht te blijven besteden aan controlewerkzaamheden ten aanzien van cross-browser compatibility.