Div horizontal und vertikal zentrieren

Sprache: Deutsch
Programmiersprache: CSS
Veröffentlicht von: Thomas
Letzte Änderung: 23.04.2006
Aufrufe: 3608

Beschreibung

Damit lässt sich ein Div auf der Page vertikal zentrieren. Geht sowohl mit absoluten als auch mit relativen Größen und funktioniert in den aktuellsten Versionen von Opera, Firefox und Internet Explorer (Windows).

Code

Zeilennummern anzeigen

1 #DefaultContainer 2 { 3 position: absolute; 4 top: 50%; 5 left: 50%; 6 width: 100%; 7 height: 120px; 8 margin-top: -60px; /* Höhe durch zwei */ 9 margin-left: -50%; /* Breite durch zwei */ 10 }

2 Kommentare

Funktioniert einwandfrei, vielen Dank.

Mittwoch, 23. August 2006 21:32:34 von Thommy

Das ist der erste tip der wirklich funktioniert hat. thx

Montag, 4. September 2006 07:56:46 von Spalter

Dieses Snippet kommentieren

Name *

E-Mail (wird nicht angezeigt) *

Website

Kommentar *

Sicherheitscode *