Hallo,
ich habe eine Frage zu div's also mit:
<div align="center"></div>
Richtet man ja nur den Inhalt der Div aus.
Aber ich will nicht den Inhalt sondern die div selber Ausrichten, wie geht das?
<div style="text-align:center; width:300px">
<div style="width:200px"></div>
</div>
sowas? ^^
oder
<body style="margin:0px auto;">
<div style="width:500px;">
</div>
</body>
wenn du
style="margin:0px auto;"
benutzt muss der div eine feste größe haben.
mfg Alex
nein, das:
<div style="text-align:center; width:300px">
Ist ja das selbe wie:
<div align="center"></div>
Ich will ja die div selber ausrichten!
Also sowas in der Art:
<div align="center"><div align="center">Inhalt</div></div>
Aber das geht ja so nicht!
Die zwei o.g. Möglickeiten funktionieren doch...? Und xyz-72s sogar im IE :D
Die von Alex is allerdings so nicht ganz richtig..
<body style="width:200px;margin:10% auto">huhu</body>
ja, das ist aber ja alles zum Ausrichten des textes, ich will aber die div selber, also auch den inhalt + Div ausrichten!
Quote
Original von xyz-145
Die zwei o.g. Möglickeiten funktionieren doch...? Und xyz-72s sogar im IE :D
Die von Alex is allerdings so nicht ganz richtig..
<body style="width:200px;margin:10% auto">huhu</body>
Joa stimmt, sorry. Habe es falsch in Errinnerung gehabt. Ich habs bei mir so gemacht:
<body>
<div style="margin:0px auto; width:200px;">zentrierter div</div>
</body>
Quote
Original von xyz-8
[quote]Original von xyz-145
Die zwei o.g. Möglickeiten funktionieren doch...? Und xyz-72s sogar im IE :D
Die von Alex is allerdings so nicht ganz richtig..
<body style="width:200px;margin:10% auto">huhu</body>
Joa stimmt, sorry. Habe es falsch in Errinnerung gehabt. Ich habs bei mir so gemacht:
<body>
<div style="margin:0px auto; width:200px;">zentrierter div</div>
</body>
[/quote]Div und Div-Inhalt zentriert:
<body>
<div style="margin:0px auto; width:200px; text-align:center;">zentrierter div</div>
</body>
[/quote]Also Um das DIV mittig auf der Seite auszurichten brauchst du:
Für den IE:
body{ text-align: center; }
div{ text-align: center; }
und den FF:
body{ margin: 0 auto; }
div{ margin: 0 auto; text-align: center; }
Macht:
body{ text-align: center; margin: 0 auto; }
div{ text-align: center; margin: 0 auto; }
um es in allen Browsern richtig an zu zeigen. (Wobei man das margin im Body glaub ich gar nicht unbendingt braucht zum Zentrieren....)