[CSS] Div mit fester Weite zentriert

[slomox]

Hallo,
ich wollte im Sinne der Barrierefreiheit die Formulare auf meiner Seite von Tabellen- auf ein Div-Layout umstellen.
Der IE stellt das ohne Probleme dar, aber Opera, Netscape, Mozilla haben ein Problem mit folgendem Konstrukt:

<div class="mid">
<div class="formbox">
...
</div>
</div>

CSS dazu:

.mid
{
 text-align:center;
 width:100%;
}
.formbox
{
 width:500px;
}

Es soll also ein Div mit absoluter Weite zentriert in der Mitte der Seite dargestellt werden, doch stattdessen wird der Div an den linken Rand geklatscht.

Weiß jemand, wo das Problem liegt bzw. wie es zu lösen ist?

[Gast]

Ich denke mal, du hast ja garkeine Positionsangaben gemacht, wo das div anfangen soll.

Für Div gibts doch laut CSS die Position Eigenschaft (left und top wären Interessant)

Außerdem sollte es nicht

<div class="mid">

sondern

<div id="mid">

lauten.

Korrigiert mich, wenn ich falsch liege

[slomox]

Ob ich class oder id verwende sollte eigentlich egal sein.
Außerdem hieße der CSS-Teil dann:

#mid
{
 text-align:center;
 width:100%;
}

Und wenn ich mich nicht irre, ist die Eigenschaft width unabhängig von position, die Weite wird schließlich auch von allen Browsern korrekt dargestellt. Nur das Align wird nicht korrekt ausgeführt. Und würde ich ein position setzen, könnte ich doch auch keine genaue Zentrierung erreichen, oder?

[Innuendo]

Ich würde vielleicht noch das in die CSS-Datei einbauen:

body {text-align: center}

Und formbox um folgendes erweitern:

#formbox {
 width: 500px;
 margin: 0 auto;
}

[wahsaga]

margin:auto ist das richtige stichwort, absolute positionierung hingegen ist hier bullshit.

[slomox]

Tatsächlich, mit margin:auto funktioniert es.
Vielen Dank für die Antwort