"Tabellenfreies Design" bei 2Spalten Layout mit Header / Footer

[2Spalter]

Liebe Gemeinde!

Nach monatelangen wiederkehrenden Versuchen zum Thema tabellenfreies 2spaltiges Layout mit Navigation und Content-DIV, fester Breite und flexibler Höhe (mindestens aber Bildschirmfüllend!) möchte ich Euch einmal bitten, Eure Erfahrungen zum Thema weiterzugeben: Ist es nach Eurer Meinung zu empfehlen? Oder sollte man lieber Tabellen verwenden, gerade unter den wiederkehrenden Problemen zum Thema Background / Footer / Semantisch korrekt verwendetes (X)HTML.

Eine letzlich befriedigende tabellenfreie Lösung habe ich nicht finden können. Kein tabellenfreier Ansatz, den ich kenne, kann in der Umsetzung letzlich ein XHTML-tabellenbasiertes Layout schlagen - trotz workarounds und faux coloumns-Ansatz.

Die Idee, der semantische Sinn einer Tabelle scheint mir, je mehr ich darüber nachdenke, genau dem zu entsprechen, was man mit workarounds für divs sozusagen künstlich über Umwege zu erreichen versucht. Divs sind Ihrer ursprünglichen Idee nach nicht für Design-Ansätze mit festem Header und abschließendem Footer gedacht.

Was ist Eure Meinung und Erfahrung? Gibt es dazu eigentlich ein empfehlenswertes Buch?

2Spalter

[Danny]

Hi,

genau dieses Problem hatte ich auch schon mehrmals. Irgendwann kam ich dann auf die Idee, einen Kompromiss einzugehen und Tabellen per Javascript (DOM) dynamisch um z.B. divs herum einzusetzen. Anfangs wollte ich das noch selbst coden, nach einer Weile fand ich dann aber zufällig eine fertige Lösung: http://glazkov.com/blog/archive/2005/05/02/476.aspx

Vielleicht ist das auch was für Dich.

MfG

• Danny

[wahsaga]

hi,

genau dieses Problem hatte ich auch schon mehrmals. Irgendwann kam ich dann auf die Idee, einen Kompromiss einzugehen und Tabellen per Javascript (DOM) dynamisch um z.B. divs herum einzusetzen.

Und irgendwie krank kommt dir das nicht vor ...?

gruß,
wahsaga

[Danny]

Hi,

naja, eigentlich nicht (mehr). Wirklich krank ist eher so etwas:

@media tty {
 i{content:"";/*" "*/}};
 @import 'styles.css'; {;}/*";}
}/* */

Mit freundlichem Gruß an den CSS-Parser... Frag mich aber nicht, wie man diesen Hack nennt oder wozu man ihn brauchen sollte... ;)

Gruss

• Danny

[Louis]

Hallo 2Spalter

Du denkst zu tabellarisch. Komm, wage dich in 21. Jahrhundert und denke CSS.

Oder anders gesagt. Willst Du unbedingt ein Tabellenlayout, so mache halt eins. Viele hier denken aber, dass das veraltet ist.
Selbstverstaendlich sieht ein CSS-layout moderner aus, als das vor ein paar Jahren in Mode gekommene Tabellenlayout.
Kurz: es ist ziemlich sinnlos um jeden Preis mit CSS exakt das herstellen zu wollen, was mit Tabellen doch so einfach ging.
CSS bringt viele neue Vorteile, welche immer wichtiger werden: die Staerke ist zum Beispiel, dass es einfacher ist, skalierbare Seiten herzustellen. Stell Dir mal dein Tabellenlayout auf einem PDA vor. Divs mit float z.B. wuerden sich hier einfach untereinanderschieben!

Gruss
Louis