Layout mit <div>

[Cheatah]

Hi,

wie in der Suche bei vielen Themen gefunden, soll man das Layout nicht mit Tabellen

richtig. Tabellen dienen der Strukturierung tabellarischer Daten, nicht Layoutzwecken.

sondern mit <div> aufbauen,

Falsch. <div> dienen der Gruppierung zusammengehörender Bereiche, nicht Layoutzwecken.

aber so richtig verstanden habe ich es noch nicht.

Schreibe semantisches Markup: Der Inhalt des Dokuments zwingt die Struktur auf. Ein Layout entsteht, indem man CSS auf ein gutes Markup aufsetzt. Ist das Markup schlecht, kriegst Du auch beim CSS-Code kein Bein auf die Erde.

html {
height: 99%;

Warum?

body {
height: 99%;

Warum?

font-size: 11px;

Warum?

position: absolute;
position: absolute;
position: absolute;
position: absolute;

Warum?

<div id="header">Raum für den Inhalt von id "header"</div>

Wie sieht dieser Inhalt aus?

<div id="navigation">Raum für den Inhalt von id "navigation"</div>

Und dieser?

<div id="inhalt">Raum für den Inhalt von id "inhalt"<br>
  <br>
  <br>
  <br>

[...]

Der Einsatz von <br> ist ein starkes Indiz dafür, dass die umliegende Struktur nicht stimmt. Der Einsatz _mehrerer_ aufeinander folgender <br> ist ein Beweis für eine fehlerhafte Struktur.

Wer kann mir auf die Sprünge helfen?

Schritt 1: Sorge für ein ordentliches Markup.
Schritt 2: Verwende absolute Positionierung nur dann, wenn Du sie verstanden hast.
Schritt 3: Gehe Schritt für Schritt vor.

Cheatah