Peter Müller hat einen übersichtlichen Artikel zur Positionierung von HTML-Elementen geschrieben. Er erklärt, wie sich die HTML-Elemente natürlicherweise im „document flow“ verhalten und wie sie mit Hilfe von CSS aus diesem natürlichen Flow heraus positioniert werden können. Ein Artikel mit wichtigen Grundlagen für jeden Webdesigner und perfekt als Einstieg ins Thema.
Hier ein Auszug:
- Flow: Zum normalen „Fluss“ gehören nicht positionierte Block- und Inline-Elemente sowie Boxen mit relativer Positionierung (position:relative).
- Absolute Positionierung: Absolut positionierte Elemente werden aus dem Fluss herausgehoben und sind für die anderen Elemente nicht sichtbar. Dazu zählen position:absolute und position:fixed.
- Float: Schwebende, gefloateteElemente sind ein Zwischending. Zuerst wird die Box im normalen Fluss positioniert, dann wird sie aus dem Fluss herausgehoben und schwebt so weit wie möglich nach rechts oder links.
Zur Positionierung ebenfalls sehr empfehlenswert ist dieser Überblick von Patrick Fitzgerald.
[via WebdevBits]