Geleuter over layout en browsers25 April 2009Webdesign is in beginsel niet moeilijk en de meeste browsers vergeven je je gemaakte fouten. Dat wil zeggen, ze doen er alles aan om er iets van te maken. met name Internet Explorer is daar een ster in.... Maar is dat eigenlijk wel een zegen? Is het wel zo fijn, dat Internet Explorer er uiteindelijk iets van maakt, wat helemaal niet de bedoeling was? Kort antwoord: NEE! Je wilt natuurlijk nooit dat wat de bezoeker te zien krijgt, afhankelijk wordt van het toeval. HTML is een scripttaal bedoeld voor de opmaak van tekst. Helaas volgen niet alle browsers (lees Internet Explorer) de voorgeschreven regels van het World Wide Web Consortium. Deze organisatie bepaald in feite de regels voor het maken van websites. De meeste browsers zijn heel volgzaam in het implementeren van deze regels, behalve....je raadt het al, Internet Explorer! Zelfs in de diverse versies van Explorer zit verschil in de interpretatie van de voorgeschreven regels. Een drama voor elke webmaster dus. Oplossing: Klinkt eenvoudig: Zorg dat je codes geheel in compliance zijn met de voorgeschreven regels van World Wide Web Consortium (W3C). Schrijf je webpagina's dus niet voor Internet Explorer. Hoewel dit nog steeds de meest gebruikte browser is, is dit tevens ook de meest onbetrouwbare browser voor webmasters. Zodra je je webpagina layout alleen maar maakt voor een bepaalde versie van Internet Explorer, ga je direct de mist in met andere versies en andere veel gebruikte browsers als Firefox en Opera. Gebruik ten eerste een betere browser. Een door veel webmasters gebruikte browser is FireFox. Deze volgt vele malen beter de regels van W3C en heeft vele plugins welke het leven van een webmaster een stuk aangenamer maken. Controleer je codes met behulp van de online W3C validators. Je zult versteld staan van de hoeveelheid fouten die aangegeven worden! Nadat je pagina goed gevalideerd is, weet je dat je codes in ieder geval goed zijn.
Met een zekerheid, grenzende waarschijnlijkheid, kun je dan alleen nog maar de mist in gaan met de diverse verschillende versies van Internet Explorer. Het beste kun je deze css problemen oplossen door aparte css bestanden voor de verschillende Internet Explorer browser aanmaken. het grote voordeel is dat je goed gevalideerde codes niet besmet raken met specifieke codes voor Internet Explorer. Ook zodra er weer een nieuwe versie van Internet Explorer verschijnt, hoef je je huidige codes niet aan te passen, gewoon een kwestie van versie specifieke codes in een nieuw css bestand en klaar! Alles werkt weer naar behoren. De truuk is, eerst een gewoon standaard css bestand aan te maken en deze eerst te laden. Andere css bestanden die later geladen worden tbv specifieke browser versies, overschrijven de standaard waardes. Dus alleen wat gewijzigd moet worden, wordt overschreven! Mooier kan dus niet.
Gelukkig kent Internet Explorer een methode om specifiek voor bepaalde versies externe css bestanden te gebruiken.
Tussen versie 5 en 5.5 zit ook een verschil in verweren van css codes, dus hier gebruiken we zelfs 2 css bestanden.
Voor algemeen gebruik, mogen de diverse css bestanden gewoon leeg zijn. Zodra nodig vul je gewoon de juiste css codes in voor de betreffende versie.
<head> <link rel="stylesheet" type="text/css" href="css/style.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" /> <![endif]--> <!--[if IE 5]> <link rel="stylesheet" type="text/css" href="css/ie5.css" /> <![endif]--> <!--[if IE 5.5000]> <link rel="stylesheet" type="text/css" href="css/ie55.css" /> <![endif]--> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="css/ie6.css" /> <![endif]--> <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="css/ie7.css" /> <![endif]--> <!--[if IE 8]> <link rel="stylesheet" type="text/css" href="css/ie8.css" /> <![endif]--> </head> Je dient natuurlijk wel de css bestanden nog aan te maken! Zowel je HTML als je CSS codes kun je eenvoudig valideren (kontroleren op geldigheid), door eenvoudig de url van je pagina in te geven op de onderstaande 2 websites van W3C: Valideer je HTML En als toegift: Pas nadat je je pagina's gevalideerd hebt, ga je uitvissen wat er niet goed gaat in Internet Explorer versies en geef je browser specifieke css codes aan in de extra css bestanden. En ja......mijn eigen websites moeten ook nog goed gevalideerd gaan worden. Dat is ook mijn goede voornemen voor de komende tijd! P.S. Aan de Terradon Toolbar zijn nu ook de HTML-/CSS- en de Link Checker toegevoegd! Nu nog eenvoudiger je webpagina's checken. Kwestie van je webpagina openen en op de button Validatie klikken, en het resultaat verschijnt op je scherm! Download hier de Terradon Toolbar (IE & FF) “Geleuter over layout en browsers” geschreven door Terradon, bewaard in categorie: Algemeen. Permalink | Comments (0) Dit is de oudste post post || Dit is de nieuwste post |
