✔ div align="center" in CSS

[socke999]

Hallo, wie mach ich das in CSS:

<div align="center" class="hauptdiv"></div>

also das algin="center".

Ich suche also nach dem gegenteil von vertical-align (quasi so horizontal-align ), das ich diese DIV Box centrieren kann.

Kann mir da jemand weiterhelfen?
Danke jetzt schon mal.

 

[Gumbo]

Für die horizontale Ausrichtung des Textflusses ist die text-align-Eigenschaft da.

 

[socke999]

Ja, aber wie setz ich das?
Wenn ich die Klasse für das DIV in CSS definier:

.hauptdiv
{
text-align: center;
}

Dann wird ja nur der Inhalt der Div-Box Centriert, aber nicht die DIV Box selber...

Also muss ich den übergeordneten Container so ausrichten ... also z.B. body{text-align:center;}

Na gut, ich dachte dass kann man inrgendwie anders lösen, aber so ists ja eigentlich im Prinzip auch gut ...

Vielen Dank für die Hilfe

 

[Gumbo]

Die andere Möglichkeit wäre margin:0 auto.

 

[Fabian Frank]

Ist das margin:0 auto nicht unvorteilhaft, wegen dem IE?
Ich such schon seit geraumer Zeit nach ner Alternative zu diesen beiden, aber es bleibt wohl nichts anderes übrig, als ein übergeordnetes Div für den IE mit hinzuzufügen...

 

[Gumbo]

Wenn du diese Eigenschaft nicht dem html-Element zuweist, gibt es doch immer noch ein übergeordnetes Element.

 

[Maik]

Hi,

Ist das margin:0 auto nicht unvorteilhaft, wegen dem IE?
Ich such schon seit geraumer Zeit nach ner Alternative zu diesen beiden, aber es bleibt wohl nichts anderes übrig, als ein übergeordnetes Div für den IE mit hinzuzufügen...

body {
text-align:center;
}

reicht dem IE da völlig aus.