Topic: Zentrieren mit CSS
Es wäre ja so einfach:
margin:auto auto;
Aber dreimal dürft ihr raten, welcher Möchtegernbrowser das nicht hinbekommt. Außerdem hat man immer noch das Problem, dass man bei einer horizontalen Zentrierung die Seite künstlich auf 100% der angezeigten Seitenhöhe strecken muss. Hierfür gibt es zwar diverse Hacks, die mal mehr, mal weniger gut funktioneren.
Eine recht gute Lösung ist daher folgende:
height:300px;
width:400px;
position:absolute;
top:50%;
left:50%;
margin:-150px 0px 0px -200px;
Hierbei wird das zu zentrierende Element erst einmal mit der linken oberen Ecke in die Mitte geschoben und dann mittels margin wieder um seine halbe Höhe und Breite zurückgesetzt.
Und so sieht das dann aus.
- Igor, Persona 4