<div> zentrieren

[jimmi]

Hallo,
Wenn ich das schreib:

<div align="center" class="test">Hallo</div>

Dann wird das Wort "Hallo" zentriert.
Ich will aber dass die ganze Ebene zentriert wird!

Wie mach ich das?

ciao

[SideWinder]

Das Attribut align gibt es nicht mehr im Standard.

Du sollst am besten "text-align: center" in die CSS-Klasse "test" einbauen.

MfG SideWinder

[Henno]

text-align zentriert aber auch nur den Text im <div>. Möchte man den ganzen <div> Block zentrieren, so gibt man margin-left und margin-right den Wert 'auto', also:

div.Zentriert {
   margin-left:auto;
   margin-right:auto;
}

Funktioniert allerdings nur in den neueren Browsern. Für die anderen kann man im Eltern Element text-align auf 'center' setzen.

[SideWinder]

Warum soll man auch das Element selbst zentrieren wollen? Wenn es eine bestimmte Breite und Höhe hat kann man auch die Position berechnen, und wenn es das nicht hat ist es sowieso so groß wie der gesamte verfügbare Platz und es reicht den Inhalt zu zentrieren.

Oder hab ich da einen Punkt übersehen?

MfG SideWinder

[Shade Of Mine]

SideWinder schrieb:

Oder hab ich da einen Punkt übersehen?

wenn du grafik mit diesem div darstellen willst!

wie berechnest du denn ein viereck mit width:22px; und height:30px; so dass es in der mitte ist?