Willkommen in der Webstatt
User-1 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?
User-2 am 10.06.06 21:55

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

sowas? ^^

User-3 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

User-1 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!

User-4 am 11.06.06 12:29

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>

User-1 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!

User-3 am 11.06.06 13:13

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>

User-3 am 11.06.06 13:14

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]

User-5 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