Evil villain mocking us

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.

>
Scott Design