Chräcker Heller: Webseite mit Div-Containern aufbauen ?

Beitrag lesen

Hallo,

ich baue meine Seite mit html und CSS auf ;-)

Also: wenn man Texte, Bilder etc in eine html-Seite integriert, wird man schnell feststellen, das man eine Seite "von oben nach unten "befüllt. Alles steht zumeiste untereinander "weg" in der Seite. Der Text fliest normalerweise vom linken Fensterrand bis zum rechten und wird dort umgebrochen, Bilder liegen "irgendwie" im Textfluß oder, setzt man sie mit br-s rein, eben links am Bildschirmrand etc etc... Ein bissel, wie wenn man das erste mal mit einer Textverarbeitung arbeitet.

Nun könnte man den Wunsch hegen, Informationsbereiche nebeneinander zu setzen. Also zwei Textblöcke nebeneinander. Oder drei. Und darunter zwei Textblöcke, zu den ersten etwas verschoben etc etc.... So kommen die meisten schnell auf die vorgelebte Idee, eine Tabelle zu nehmen, denn mit dem anderen html (ohne css) ist das nicht möglich. Mit einer Tabelle, deren Gitterlinien man nicht sieht, kann man nun Inhaltsbereiche nebeneinander anzeigen lassen. Nur, das ist für viele nicht der ureigenste Sinn einer Tabelle. Eine Tabelle soll zur Aufnahme "tabelarischer" Daten (die also eine vergleichenden Bezug zueinander haben) dienen. Zu nichts anderem.

Das eine Tabelle hinter den Kulissen für uns Menschen schwerer zu erstellen sind als die gleich zu nennenden Div-bereiche ist noch nicht wirklich ausdiskutiert. Aber Maschienen, die den Quellcode analysieren, könnten bei Tabellen durcheinander kommen, erwarten die Definitionsgemäss eben Tabellendaten und bekommen nur "für sich stehende" Inhalte geliefert. Die lesen eine Tabelle dann etwas "durcheinander" - so die Tabellen-als-reinenLayoutersteller-Gegner.

Also kann man nun Div-Tags nehmen. Setzt man zwei Textbereiche nun in Div-Tags, stehen die auch noch untereinander weg. Aber mittels der verschiedensten CSS-Angaben kann man nun die Div-Bereiche zueinander anordnen. Eben nun auch nebeneinander. Ab einer gewissen Menge wird es allerdings weder leichter, übersichtlicher noch wirklich maschinenlesbarer. Manche sprechen dann gerne von einer Div-Suppe....

Ein wenig kannst Du hier ja mal schauen:

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

Chräcker