Gunther: DIVs vs Tabellen

Beitrag lesen

Hallo,

Es scheint so, als würde die Seite in ein DIV-Chaos ausarten. :)

es scheint richtig. Du verwendest unnötigerweise viel zu viele DIVs. Es gibt in HTML durchaus auch noch andere Elemente, die sich mit CSS bspw. positionieren lassen.

Mir scheint, du hast einen Entwurf in tabellenform gemacht und diesen 1:1 (jede Tabellenzelle = 1 DIV) umgesetzt, nur halt ohne Tabellen zu verwenden. Das ist nicht der richtige Ansatz.

Überlege dir, was für Inhalte wohin kommen sollen und wähle die dazu semantisch korrekten HTML-Tags aus und positioniere diese ggf. per CSS in der gewünschten Form. DIVs dienen als "Container" für andere Elemente und sollten eigentlich nur da verwendet werden, wo man sich dadurch die wiederholte Positionierung anderer Elemente sparen kann. Typische Beispiele sind mehrspaltige Layouts. Dort werden dann halt die Spalten per DIV "erzeugt" und per CSS entsprechend formatiert. Innerhalb der DIV-Container finden sich dann bspw. <p> Elemente wieder, die Text und Bilder enthalten (pro Absatz ein P-Element).

Und daraus folgt quasi automatisch: Wo kein Inhalt (Content), da auch kein Element (egal welches, ausser eben DIV-Elementen als Container). Das ist u.a. auf deine vier farbigen DIVs links oben bezogen.

Gruß Gunther