Věci, které dokáží tabulky lépe, než CSS
Jsou věci, které CSS nedokáže tak dobře jako tabulkový layout.
Například řekněme, že máte černý postranní navigační panel, který chcete roztáhnout na celou výšku vašeho obsahu. S tabulkovým layoutem je to hračka: prostě dáte <td>
černé pozadí.
Můžeme to udělat také pomocí CSS, ale vyžaduje to jiný přístup v myšlení.
Pokud přiřadíme našemu navigačnímu div
černé pozadí, černá se roztáhne pouze dokud nedosáhne konec navigačního panelu. Na většině stránek je však obsah delší než navigace, takže toto není dobré řešení.
Místo toho můžeme pokrýt černým GIFem v našem obsahu div
a dát tomuto div
dostatečné left padding, ale pokud je naše navigace delší než obsah, také to nebude fungovat.
Další možností, jak se s tím vypořádat, je pokrýt černým GIFem pozadí <body>
, což je dobré, dokud nechcete použít jiný obrázek na pozadí vašeho <body>.
Nebo, můžeme zabalit náš obsah do 'wrapper' div
a pokrýt obrázkem v tomto div
. Nicméně toto přidává nesémantický prach do našeho kódu.
A samozřejmě pokrývání pozadí obrázkem nebude vůbec fungovat pokud chcete šířku navigace flexibilní.
Jak jsme si řekli, existují věci, které umí tabulky lépe. Ale nakonec se stejně musíte sami sebe zeptat, jestli veškerý ten bordel spojený s použitím tabulek pro layout místo pro data za to stojí.