Jeg ser at flere og flere designer nettsidene sine til de store, fine skjermene og ikke minst oppløsningen vi har i dag i den tro at alle tar bruk i hele skjermen eller faktisk bruker den høye oppløsningen de kan bruke.

Folk ser ut til å glemme at vi nå har enda flere valgmuligheter når det gjelder oppløsning og vindubredde enn vi hadde før, og å glemme dette er å ta fra folk nettopp valgfriheten.

Det skal ikke være slik at webdesigneren skal bestemme hvor høy oppløsning eller skjermstørrelse en besøkende skal ha.

Selv sitter jeg med en skjerm med høy oppløsning, hvilket gjør at jeg ofte minsker vinduet for å gjøre det mer behagelig for meg selv å lese tekst. Og da finnes det ikke noe mer irriterende i verden enn å få horisontal scrolling, spesielt når jeg må ta denne i bruk for å lese hele teksten.

Men jeg har et valg, hva med de som ikke har det? Det er faktisk folk rundt omkring som sitter med høy oppløsning på grunn av dårlig syn. Disse må da tro at det er meningen at man skal måtte scrolle både opp og ned og fra side til side.

Og jeg vet ikke om folk har tenkt mobiler i det hele tatt. Noen som har surfet sider med mobilen sin hvor vidden har blitt satt i fast bredde?

Så, hva kan gjøres? For mobiler kan man faktisk lage et eget stilark, men ellers.. Man kan selvfølgelig lage minimalistiske sider hvor den faste vidden er mindre enn 800px. 780px har jeg alltid ment har vært toppen her. Oppdatering 22.4.07: 770px er nok en bedre topp da man også må ta hensyn til vidden på scollbarer.

Og så har vi muligheten med prosent vidde, såkalt ‘flytende’ vidde som justerer seg etter vindusbredden.

Men hva da om du ønsker en mellomting? Du har opprinnelig laget et design/ layout som har 900px fast vidde, for det ser perfekt ut for deg, og det er ikke aktuelt for deg å endre det.

Og nå vil vel kanskje folk si at “Jammen, ingen av dine sider har en vidde som er mindre enn 800px” og de vil har rett i det. Men; det er likevel blitt tatt hensyn til folk med mindre oppløsning eller små vinduer likevel. For det finnes en mellomløsning som heter elastisk vidde.

Roger Johansson skrev for to år siden en artikkel om hvordan man gjør dette: Fixed or fluid width? Elastic!.

Kort fortalt så setter rett og slett vidden i max-width, og bruker prosent på resten av elementene. Dette gjør at siden virker som om den er i fast vidde helt til man har et vindu som er mindre enn vidden man har satt.

Elastisk vidde gir deg friheten til å lage den layouten du vil, samtidig som den gir dine besøkende friheten å bruke hvilken oppløsning eller vindusbredde som passer for akkurat dem.