Willkommen in der Webstatt Zum Webstatt Blog und Stories
BNightSpeeder am 10.06.06 21: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?

netcup.de Warum gibt es hier Werbung?
Franky Franky am 10.06.06 21:55

<div style="text-align:center; width:300px">
<div style="width:200px"></div>
</div>

sowas? ^^

Al3x0r Al3x0r am 10.06.06 22: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

BNightSpeeder am 11.06.06 12: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!

milahu milahu am 11.06.06 12:29

Die zwei o.g. Möglickeiten funktionieren doch...? Und Frankys sogar im IE :D

Die von Alex is allerdings so nicht ganz richtig..
<body style="width:200px;margin:10% auto">huhu</body>

BNightSpeeder am 11.06.06 12:58

ja, das ist aber ja alles zum Ausrichten des textes, ich will aber die div selber, also auch den inhalt + Div ausrichten!

Al3x0r Al3x0r am 11.06.06 13:13

Quote
Original von milahu
Die zwei o.g. Möglickeiten funktionieren doch...? Und Frankys 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>

Al3x0r Al3x0r am 11.06.06 13:14

Quote
Original von Al3x0r
[quote]Original von milahu
Die zwei o.g. Möglickeiten funktionieren doch...? Und Frankys 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]

Remo1234 Remo1234 am 11.06.06 18: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....)

Creative Commons Lizenzvertrag
Alle Inhalte des Webstatt-Archivs stehen unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Impressum & Kontakt