Teil 5 – Einführung in CSS

Übersicht über CSS-P (Positionieren per CSS)

Statische Positionierung

Eine statisch positionierte Box im Normalfluss des Dokuments.

Float-Positionierung

Eine gefloatete Box wird zuerst im Normalfluss positioniert, dann aus diesem herausgenommen und soweit nach rechts oder links bewegt wie möglich. Andere Inhalte können diese gefloatete Elemente umfließen.

Relative Positionierung

Relativ positionierte Elemente befinden sich im Normalfluss des Dokumentes und werden dann verschoben. Elemente, die dem relativ positionierten Element folgen, verhalten sich so, als wäre dieses Element noch an seiner ursprünglichen Stelle, sie lassen dort eine Lücke.

Absolute Positionierung

Eine absolut positionierte Box wird komplett aus dem Normalfluss herausgenommen.

Fixe Positionierung

Fix positionierte Elemente werden ebenfalls komplett aus dem Normalfluss herausgenommen – relativ zum Sichtbereich. Das bedeutet, dass sie sich nicht bewegen, wenn die Seite gescrollt wird. Internet Explorer 5 und 6 unter Windows unterstützen überhaupt keine fixe Positionierung.