Es ist ein wenig knifflig mit CSS ein DIV auf einer Webseite zu zentrieren, da der IE (zumindest bis zur Version 7) kein margin:auto
versteht.
Am besten legt man einen Div-Container an (in meinem Fall hat er die Ausmaße 790px * 480px), in dem man alle anderen Elemente reinpackt. Die eine Ecke dieses Containers kann man dann mit top: 50%;
und left: 50%;
genau in der Mitte positionieren. Danach verschiebt man mit margin: -240px 0 0 -395px;
den Container so, dass die Mitte des Containers in der der Mitte ist. Das ganze sollte dann ungefähr so aussehen.
#Container {
position: absolute;
height: 480px;
width: 790px;
margin: -240px 0 0 -395px;
top: 50%;
left: 50%;
text-align: left;
padding: 0px;
}
Schreibe einen Kommentar