Der Text in diesem div erscheint an der Stelle wo er notiert ist, denn er hat keine Positionierung mit top, left, right, oder bottom bekommen. Wie man sieht orientiert sich das div am Elternelement, obwohl es die Standardeigenschaft static hat.
Die Regel lautet: Die Angabe position: allein legt noch nicht fest, wo genau ein Element beginnen soll. Es bleibt standardmäßig erst einmal dort, wo es ohne Positionierung auch angezeigt würde. Die gewünschte abweichende Position müssen Sie zusätzlich angeben. Dieser mit position absolute definierte Text wird von den andern Elenenten nicht erkannt.
Im nächsten Beispiel kommen wir der Lösung den footer darunter zu platzieren ein bisschen näher. zurück zu den CSS3 Tipps