De breedte van je website
Er zijn allerlei verschillende soorten scherm resoluties die mensen gebruiken. Scherm resolutie staat voor de hoeveelheid pixels (puntjes) die er in de hoogte en breedte op het scherm staan. Vaak is de resolutie gekoppeld aan de grootte van de monitor. Mensen met een 14 inch monitor hebben meestal een resolutie van 640x480 of 800x600, terwijl mensen met een 19 inch monitor 1024x768 of 1280x1024 gebruiken. Overigens heeft meer dan 50% van alle mensen op Internet een resolutie van 1024x768 of hoger.
Hoe maak je nou een website die op alle resoluties toch goed overkomt? Er zijn in principe twee hoofdkeuzes: free text flow en fixed width.
Free text flow
Dit wil zeggen dat de tekst van je pagina zich automatisch aanpast aan de breedte van het browser window. Als je het window vergroot of verkleint dat schuift de tekst helemaal mee. Kijk voor een voorbeeld maar eens hier en verander de grootte van het window maar eens.
Over het algemeen is free text flow af te raden. Uit onderzoek is namelijk gebleken dat tekst moeilijk leesbaar wordt als de regels breder zijn dan zo'n 15 centimeter. Vandaar het formaat van pocket boeken. Op de meeste resoluties zal je pagina veel breder worden dan 15 cm, tenzij het window een stuk smaller gemaakt wordt dan het scherm. De tekst wordt dus een stuk minder leesbaar, en dus zullen bezoekers eerder afhaken.
Fixed width
Dat wil zeggen dat je het ontwerp een vaste breedte meegeeft, ongeacht de scherm resolutie van de bezoekers. Als je het window dan vergroot of verkleint blijft de tekst toch precies even breed. Kijk voor een voorbeeld maar eens hier en verander de grootte van het window maar eens.
In verband met de leesbaarheid (zoals bij free text flow omschreven) is fixed width duidelijk aan te raden. Maar welke breedte kies je dan? De meeste designers kiezen tegenwoordig voor een breedte die past bij de resolutie 800x600. Dat betekent dat de breedte vast op zo'n 760 pixels wordt ingesteld (de windowranden en scrollbars moeten er immers ook nog bij). Bij deze maat is de tekst goed leesbaar op alle resoluties, behalve op 640x480. Op die resolutie moeten de bezoekers als een gek gaan scrollen om de tekst te kunnen lezen. Echter minder dan 1% van alle mensen op Internet heeft een resolutie van 640x480. De meeste ontwerpers nemen dit dus op de koop toe.
Bij grotere resoluties ontstaan langs het ontwerp lege ruimte vanwege de vaste breedte. Deze lege ruimte is natuurlijk een beetje storend, maar weegt niet op tegen de leesbaarheid.
Conclusie
Er is geen optimale website die op alle resoluties ideaal functioneert. Ik adviseer om je ontwerp met een vaste breedte van 760 pixels te maken, en de daarbij behorende nadelen op de koop toe te nemen. De meeste ontwerpers en vrijwel alle grote websites kiezen voor deze oplossing.


