Inhalte immer Zentrieren

Status
Nicht offen für weitere Antworten.

syntraxx

Mitglied
Hallo zusammen

Ich habe ein Problem und bisher leider noch keine wirklich bracuhbare Lösung gefunden. Und zwar versuche ich folgendes:

Ich will eine "Box", welche ich mit Hilfe von CSS definiere (Grösse, Farbe, Rahmen, etc), immer in der Mitte der geladenen Seite haben. Also nicht nur horizontal, sondern auch vertikal. Wie kann ich das machen? Geht das mit HTML, oder CSS? Oder hat jemand eine JavaSkript Lösung?
Es soll eben auch dann zentriert sein, wenn der User das Fenster vergrössert oder verkleinert.

Herzlichen Dank für eure Hilfe.

Gruss

Marc
 
Hier ein Beispiel für eine horizontal und vertikal zentrierte DIV-Box.

CSS-Code:
Code:
div#centerBox
{
position: absolute;
left: 50%;
width: 600px;
margin-left: -300px; /* negative Hälfte von width:600px = horizontal zentriert */
top: 50%;
height: 400px;
margin-top: -200px; /* negative Hälfte von height:400px = vertikal zentriert */
background: #dfdfdf;
}
HTML:
<div id="centerBox">centerBox</div>
 
Status
Nicht offen für weitere Antworten.
Zurück