Seiten mit drei, vier oder fünf ineinander verschachtelten Tabellen sind nicht notwendig. Wie man solche Konstrukte vermeiden kann…
Wer komplexe Layouts mit Tabellen aufbauen will, sollte möglichst einfache Tabellen mit wenigen Reihen
verwenden. Damit kann man dann relativ einfach übersichtliche Tabellenstrukturen aufbauen.
Gerade verschachtelten Tabellen sind fehleranfällig und in der Regel unnötig. Im Extremfall
machen Sie Seiten praktisch
unpflegbar, da man sich bei Änderungen hoffnungslos in den colspans und rowspans verfängt.
Dies hat dann nichts mit guter, sondern nur noch "komplizierter" Programmierung zu tun.
In diesen Fällen hilft oft nur noch ein radikaler Neuaufbau.
Der häufigste Grund ist eine kurzsichtige "Faulheit": Horizontale Einrückungen werden über Tabellen
eingebaut.
Für einfachen Aufbau sollte man nach Möglichkeit verfügbare horizontale Trennlinien verwenden.
Mit dieser einfachen Daumregel genügen meist zwei bis drei Tabellenhierarchien.
Im folgenden wurden drei grundsätzliche Problematiken untersucht, die sich aus der Platzierung von zwei Elementen zueinander ergeben. Die Lösung mag in diesen einfachen Fällen etwas übertrieben wirken, aber
es vereinfacht den Tabellensalat in HTML-Seiten. Bei der Lösung erhalten die Tabellenzellen
eine fortlaufende alphabetische Kennung für jede Tabelle.
Unabhängig platzierte Elemente
Hier ist der rote und blaue Inhalt unabhängig voneinander. Das "So Nicht"-Beispiel soll einfach nur
zeigen, daß man mit Abstandhalter-Tabellen selbst bei so einfachen Aufgabenstellungen ziemlich viel
Unsinn anstellen kann.
Der Betreiber von www.dBooks.de übernimmt keine
Verantwortung für den Inhalt und die Richtigkeit der Angaben auf
den verlinkten Websites.
Zu den üblichen NoNos gibt es keine direkten Verweise.
Primer
Grundlagen
Tabellen
JavaScript
Übersicht der HTML-Tags
google.de: