Es gibt drei Möglichkeiten, Boxen auf einer Website zu positionieren:

1. Normaler Flow: Zur Abteilung normaler "Fluss" gehören die bereits bekannten Block- und Inline-Elemente sowie Boxen mit relativer Positionierung.

2. Absolute Positionierung: Absolut positionierte Elemente werden ganz aus dem Fluss herausgehoben und sind für die anderen Elemente nicht vorhanden. Dazu zählen position:absolute und position:fixed.

3. Float: Schwebende, im CSS-Jargon gefloatete Elemente sind ein Zwischending. Zuerst wird die Box normal positioniert, dann wird sie aus dem Fluss herausgehoben und schwebt so weit wie möglich noch rechts oder links.

 

Die Seite ist ein langer ruhiger Fluss

Normalerweise folgen die Elemente auf einer Webseite dem document flow, dem „Fluss des Dokumentes“. Alle HTML-Elemente schwimmen in diesem Fluss. Ei ist der natürliche Zustand einer Webseite und für Webdesigner so wichtig wie Schwerkraft für Architekten. Im Grunde ist die Sache einfach:

• Ein einzelnes Element wird soweit wie möglich links und oben positioniert.
• Wenn weitere Elemente dazu kommen, werden sie jeweils rechts davon angeordnet, und zwar solange bis kein Platz mehr ist.
• Wenn rechts kein Platz mehr ist, rutschen Sie eine Zeile tiefer und beginnen wieder ganz links.

Paniha Rei. Alles fliesst. Der Flow macht Webseiten so flexibel. Als Webdesigner sollten Sie diesen Flow verstehen und versuchen mit ihm zu arbeiten, nicht gegen ihn.

 

 

 

>>>