✔ Divs vertikal zentrieren?

Status
Nicht offen für weitere Antworten.
Sk3l3tor

Sk3l3tor

Erfahrenes Mitglied
Hi,

auf anraten von einigen in diesem Forum habe ich endlich meine Seite auf Divs umgestellt, Wie schaffe ich es aber, dass ich diese jetzt auch vertikal zentriere, damit sie schön immer in der Mitte des Bildschirms sind?

Danke!
 
Mit der Auszeichnungssprache HTML sicherlich nicht, daher wandert der Thread ins CSS-Forum ;)

Beispiel für ein horizontal und vertikal zentriertes DIV:

Code: 
div.center {
position:absolute;
left: 50%;
width: 700px;
margin-left: -350px; /* negative Hälfte von width:700px */
top: 50%;
height: 500px;
margin-top: -250px; /* negative Hälfte von height:500px */
background: #efefef;
}
HTML: 
<body>

  <div class="center"> <!-- Seiteninhalt --> </div>

</body>
 
Danke,

hat geklappt, aber noch eine Frage, die schon in einem anderen Thread gestellt wurde: gibt es einen Unterschied zwischen id und class?
 
Ja, den gibt es:

  • Eine ID darf in einem (X)HTML-Dokument nur einmal vergeben werden.

  • Klassen können unbegrenzt in einer Seite verwendet werden.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück