Saker tabeller gör bättre än CSS
Det finns vissa saker som CSS inte gör lika bra som tabellayouter.
Till exempel, låt säga att du har en svart sidspalt som du vill sträcka ut hela vägen ner längs innehållet. Med en tabellayout är detta en baggis: ge bara den där <td>
-cellen en svart bakgrund.
Vi kan göra detta med CSS också, men det kräver ett annat sätt att tänka.
Om vi ger vår navigerings-div
en svart bakgrund kommer det svarta bara att sträcka sig ner till stället där menyn 'tar slut'. På de flesta sidor är innehållet längre än sidnavigeringen, så detta är inget bra.
Istället skulle vi kunna stapla en svart GIF i vår innehålls-div
och ge denna div
nog med utfyllnad till vänster, men om vår navigering är längre än vårt innehåll så funkar inte detta heller.
Ett annat sätt att tackla detta är att stapla den svarta GIF:en som bakgrund till vår <body>
, vilket funkar fint såtillvida du inte vill använda en annan bild som backgrund till din <body>.
Eller så kan vi slå in vårt innehåll i en 'omslags'-div
och stapla bilden i den div
:en. Dock är detta att lägga till ickesemantiskt trassel till vår kod.
Dessutom, att stapla bakgrundsbilder kommer överhuvudtaget inte att funka om du vill att bredden på din spaltnavigering ska vara obestämd.
Som vi sa, det finns vissa saker som tabeller gör bättre än CSS. Men i slutändan måste du fråga dig om allt 'bagage' som kommer med användandet av tabeller för layout, istället för till data, är värt det.