Webstatt.org - Community seit 2006 - 2012 (2025?)

div's Ausrichten

user-137
10.06.2006 19:48
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?
Avatar user-182
10.06.2006 19:55 
<div style="text-align:center; width:300px">

<div style="width:200px"></div>

</div>

sowas? ^^
Seid ihr auch schon wix'r? xD
Avatar user-118
10.06.2006 20:28
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
Ich brauche keine Signatur
user-137
11.06.2006 10:17
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!
Avatar user-255
11.06.2006 10:29
Die zwei o.g. Möglickeiten funktionieren doch...? Und user-182s sogar im IE Fettes Grinsen

Die von Alex is allerdings so nicht ganz richtig..
<body style="width:200px;margin:10% auto">huhu</body>
Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-137
11.06.2006 10:58
ja, das ist aber ja alles zum Ausrichten des textes, ich will aber die div selber, also auch den inhalt + Div ausrichten!
Avatar user-118
11.06.2006 11:13
Original von user-255
Die zwei o.g. Möglickeiten funktionieren doch...? Und user-182s sogar im IE Fettes Grinsen

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>
Ich brauche keine Signatur
Avatar user-118
11.06.2006 11:14
Original von user-118
Original von user-255
Die zwei o.g. Möglickeiten funktionieren doch...? Und user-182s sogar im IE Fettes Grinsen

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>



Div und Div-Inhalt zentriert:



<body>

  <div style="margin:0px auto; width:200px; text-align:center;">zentrierter div</div>

</body>
[/quote]
Ich brauche keine Signatur
Avatar user-289
11.06.2006 16:51
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....)
Interesse? meine Referenzen. hier!!!