DIVs mit CSS horizontal und vertikal zentrieren

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;
}

Beitrag veröffentlicht

in

von

Schlagwörter:

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.

WordPress Cookie Hinweis von Real Cookie Banner