Divs mit CSS mittig platzieren…

Um ein Div mittig zu platzieren, muss man folgendes tun:

Ausrichtung oben mittig:

#mein_div {
position: relative;
width: 960px; /* Breite des eigentlichen Sitelayouts */
height: 700px; /* optional */
margin: auto;
}

Ausrichtung absolut mittig:

Hier benötigt man zusätzlich ein zweites Div als Hilfe.

#wrapper, #mein_div {
 height: 100%;
 min-height: 700px;
 width: 100%;
 min-width:960px;
 margin: 0;
 position: relative;
}

#mein_div {
 position: absolute;
 left: 50%;
 top: 50%;
 width: 960px;
 height: 700px;
 margin: -350px auto auto -480px; /* Negative Werte der halbierten Höhe und Breite */
 }
 

Comments

No comments so far.

Leave a Reply
 
  (will not be published)
 
 
 
 

 
Resources