De vises sten i CSS baseret layout?

Den bedste metode til layout af websider var indtil for få år siden brugen af tabeller. Man lavede et gitter af tabeller i tabeller, for at opnå et bestemt visuelt udseende på siden. Teknikken viger dog nu til fordel for CSS baserede layouts, blandt andet fordi tabelgitrene er meget lidt vedligeholdelsesvenlige.

Men tabellerne har imidlertid kunnet opbygge layoutgitre med kolonner i ens højde. En teknik, som indtil videre har været knapt så godt beskrevet i CSS. Det råder Alex Robinson nu bod på med en ganske omfattende beskrivelse af, hvordan problemet kan løses med CSS, uden brug af „falske‟ kolonner i form af baggrundsgrafik.

Robinson viser med flere eksempler, hvordan man får layoutmæssige fordele ved at opbygge et CSS gitter. Samtidig får man også mulighed for at ordne indholdet i kolonnerne logisk i kildekoden, mens de rent grafisk kan placeres i en hvilken som helst orden. Altså total adskillelse af præsentation og indhold.

Naturligvis kræver metoden en række hacks og work-arounds, for at få det til at fungere i Internet Explorer, men disse kommer forfatteren også omkring.

Har Alex Robinson hermed fundet de vises sten i CSS layout? Jeg skal i hvert fald have prøvet metoden af.

Læs artiklen hos Positioniseverything.net

Portræt af Morten Bech

Morten Bech

Frontend udvikler og designer med hang til bibliotekarisk orden. Klatmaler med trang til kunstnerisk kaos. Mere om mig.

Lyt videre

Relaterede indlæg

🕺 Anserinus tendinit

Anserinus tendinit er en senebetændelse, man kan få i knæet. Især, hvis man er sidst i 40’erne og forsøger at straffe et dansegulv. Det lærte jeg i fredags, da det stak helt af på en bytur med en flok fædre fra sønnikes…

📼 Videofilm – en anekdote fra 90’erne

Engang var Blockbuster en fysisk butik, hvor man kunne leje video på bånd. Når man blev oprettet som kunde, fik man et plastickort, som man skulle fremvise sammen med et mundtligt kodeord, der skulle fremsiges, når man…

Første indlæg via Mastodon

Hej Verden! Her er en test. Første pip fra min WordPress blog #bechsterdk

Simple Analytics