DIV zentrieren
Sketch
- css
0 Dimitri Rettig0 MudGuard0 Tobias K.0 Thomas
Hi,
wie kann ich eine DIV Ebene zentrieren? text-align:center funktioniert irgendwie nicht
Hi,
margin-left:auto;
margin-right:auto;
Mit freundlichen Grüßen
Dimitri Rettig
Hi,
wie kann ich eine DIV Ebene zentrieren? text-align:center funktioniert irgendwie nicht
Warum sollte das auch funktionieren?
text-align beeinflußt ausschließlich inline-Elemente. div ist kein inline-Element.
margin-left:auto; margin-right:auto;
fürs div zentrieren dieses. Funktionsfähiger Browser vorausgesetzt...
cu,
Andreas
Hallo Sketch,
wie kann ich eine DIV Ebene zentrieren? text-align:center funktioniert irgendwie nicht
mit text-align:center; kann man nur inline-Elemente wie <span> oder <a> zentrieren, block-level-Elemente wie eben <div> kann man mit style="margin-left:auto; margin-right:auto;" zentrieren.
Grüße aus Nürnberg <- Verabschiedung ist auch ganz nett
Tobias
margin:0px auto; funktioniert beim IE erst ab der Version 6.
Deshalb solltest du im Body-Tag trotzdem text-align:center eintragen. Damit funktioniert es auch beim IE 5.0 und 5.5.
Da sich text-align:center aber im zentrierten div-container weitervererbt, musst du in dem gleich wieder ein text-align:left einfügen.
Beispiel:
<body style="text-align:center;">
<div style="width:300px;margin: 0px auto; text-align:left;">
Zentrierter div-Container für IE, Netscape und Opera
</div>
</body>
Gruß
Thomas