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;
}
This entry was posted in Computer & Technik and tagged , . Bookmark the permalink.

Hinterlasse eine Antwort

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

*


*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">