Evil villain mocking us

Dingen die tabellen beter kunnen dan CSS

Er zijn bepaalde dingen die met CSS minder goed lukken dan met opmaaktabellen.

Bijvoorbeeld, stel dat je een zwarte navigatiebalk aan de zijkant hebt, die je wil uitrekken over de hele hoogte van je inhoud. Met een opmaaktabel, is dat een fluitje van een cent: Geef de <td> gewoon een zwarte achtergrond.

Het kan ook met CSS, maar dat vergt een andere manier van denken.

Als we onze navigatie div een zwarte achtergrond geven, zal het zwart zich alleen uitstrekken totdat de navigatie "op" is. Op de meeste pagina's is de inhoud langer dan de navigatie, dus dat is niet goed.

In plaats daarvan zouden we een zwarte GIF in onze inhoud div kunnen plaatsen en deze div genoeg left padding geven, maar als onze navigatie langer is dan de inhoud, dan werkt dit ook niet.

Een andere manier om dit probleem aan te pakken is om een zwarte GIF op te stapelen in de achtergrond van de <body>, dat werkt uitstekend totdat je een ander plaatje als achtergrond van je <body> wil gebruiken.

Of, we verpakken de inhoud van de pagina in een 'wrapper' <div>, en stapelen het plaatje in die <div>. Echter, dat is weer niet-semantische geklopte lucht aan de markup toevoegen.

En bovendien werkt het opstapelen van achtergrondplaatjes niet wanneer je de breedte van je navigatie vloeiend wil hebben.

Zoals we al zeiden: sommige dingen doe je beter met tabellen dan met CSS. Maar op het eind moet je je afvragen of alle extra bagage die het gebruik van tabellen voor opmaak met zich meebrengt het wel waard is.

>
Scott Design