design

Zentriertes Layout mit CSS

Kleiner Trick, einen Div-Layer in einem Browserfenster zu zentrieren.

Wurde im letzten Monat mehrmals gefragt, wie man einen Div-Layer zentriert. Hier mal kurz die Methode, die ich meistens anwende:

Ihr bestimmt die Größe des Layers in Pixeln und eine absolute Positionierung.

 

div {
position: absolute;
width: 600px;
height: 400px;
}

 

Dann ergänzt ihr die Definition um die top und left Angaben. Und zwar beides mit 50%.