Language:

Div horizontal und vertikal zentrieren

Language: Deutsch
Programming Language: CSS
Published by: Thomas
Last Update: 4/23/2006
Views: 3530

Description

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

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 comments

1

Funktioniert einwandfrei, vielen Dank.

Wednesday, August 23, 2006 9:32:34 PM from Thommy
2

Das ist der erste tip der wirklich funktioniert hat. thx

Monday, September 04, 2006 7:56:46 AM from Spalter

Add a comment

Name *  

Email (won't be displayed) *    

Website  

Comment *  

Sicherheitscode Security Code *    

RSS