Der Martin: Text zentrieren + mitscrollen im Fenster

Beitrag lesen

Hallo Flo,

wie kann ich denn gleich nach <body> z.B. einen Text mit <div....> Text </div> immer mittig im Fenster zentrieren und auch noch mitscrollen lassen????
Habe es so versucht mit <div style="position: absolute; left: 50%; top: 50%;">

bedenke dabei, dass der Referenzpunkt dann nicht der Mittelpunkt des div-Elements ist, sondern die linke obere Ecke. Und die rückt damit in die Mitte.
Beachte außerdem, dass sowohl body als auch html mit height:100% definiert sein müssen, damit sich das dann am Browserfenster orientiert.

Nur leider steht er nicht genau in der Mitte und wird auch überhaupt nicht mitgescrollt!

Das mit der Mitte hatte ich ja schon angedeutet: Damit das div-Element tatsächlich exakt in die Mitte kommt, musst du es um die Hälfte seiner Breite nach links und um die Hälfte seiner Höhe nach oben verrutschen.
Das geht am einfachsten mit negativen Werten für margin-left und margin-top.

Und nun sag nicht, das wird nicht mitgescrollt! Aber selbstverständlich wird das!

Schönen Sonntag noch,
 Martin

--
Ich liebe Politiker auf Wahlplakaten.
Sie sind tragbar, geräuschlos, und leicht wieder zu entfernen.
  (Loriot, deutscher Satiriker)