Dinge, die mit Tabellen besser klappen als mit CSS
Es gibt gewisse Dinge, die CSS nicht so gut kann, wie Layout mit Tabellen.
Sagen wir beispielsweise, Sie haben ein schwarzes Navigationsmenü auf der Seite, das sich nach unten genauso weit erstrecken soll, wie der Inhalt. Mit einem Tabellenlayout ist das einfach: Geben Sie dem <td>
einen schwarzen Hintergrund.
Wir können das auch mit CSS machen, aber es erfordert eine andere Denkweise.
Wenn wir unserem Navigations-div
einen schwarzen Hintergrund geben, wird der Hintergrund sich nur soweit erstrecken, wie die Navigation hoch ist. Auf den meisten Seiten ist der Inhalt aber länger als die Navigation, deswegen ist das keine gute Idee.
Stattdessen könnten wir ein schwarzes GIF in unser Inhalts-div
setzen, und diesem div
genug padding auf der linken Seite geben, aber wenn unsere Navigation länger ist als der Inhalt, würde das auch nicht funktionieren.
Ein anderer Weg zur Lösung ist, das schwarze GIF als Hintergrundbild zum <body>
einzufügen, was ganz gut klappt, solange Sie nicht ein anderes Hintergrundbild für Ihren <body>
benutzen wollen.
Oder, wir könnten ein div
um unseren Inhalt stellen und das Bild in diesen div
als Hintergrund stellen. Nur leider sorgt das für viel nicht semantischen Kram in unserem Markup.
Und, natürlich werden Hintergrundbilder nichts bringen, wenn sich die Breite Ihrer Seite der Browserbreite anpassen soll.
Wie gesagt, es gibt Dinge, die mit Tabellen leichter funktionieren, als mit CSS. Am Ende müssen Sie sich selbst fragen, ob der ganze überschüssige Code, der bei Tabellenlayout zwangsläufig dabei ist, die Sache wert ist.