Eine wirklich blöde Frage: Wie krieg ich ne Ebene zentriert? ( CSS)

[Adromir]

Also ich weiß echt nicht mehr weiter.
Ich versuche eine "Hauptebene" auf dem Bildschirm zu zentrieren.
Ich hab es versucht mittels
text-align und vertical-align, aber das klappt nicht.. Wie kriege ich das am besten hin?

[webmichl]

Wenn ich mich recht entsinne:

body { text-align: center; }
#hauptebene { margin-left: auto; margin-right: auto; }

[jonemo]

bei fester breite ist das hier eine interessante, aber funktionierende variante:

.box {position: absolute; left: 50%; top: 50%; margin-left: -200px; margin-top: -100px; width: 400px; height: 100px;}

wobei die breite und höhe hier nur der illustration dienen. was ich mir schon immer wünsche und nie bekommen werde:

float: center

weitere alternative:

html>body {text-align: center} (ist zu einfach, dürfte nicht gehen. imho hat ie was gegen html>body)

[Adromir]

MMh. Leider zentriert das nur in der Breite, ich möchte es aber auch in der Höhe Zentriert haben..

Aber trotzdem herzlichen Dank!

[jonemo]

Zitat von Adromir

MMh. Leider zentriert das nur in der Breite, ich möchte es aber auch in der Höhe Zentriert haben..

Aber trotzdem herzlichen Dank!

ich gehe davon aus, dass du meine antwort noch nicht gelesen hast, aber denk mal kurz nach, wie man webmichels erweitern kann, damit auch oben und unten der margin nen auto ist.

[Adromir]

Ich hab das jetzt so gemacht, daß ich den beiden Korrespondierenden Werten
(left/right top/bottom) jeweils die gleichen Angaben gegeben habe.. So zentriert er es nun auch (naja, zumindestens nach Augenschein..)

kuck mal hier

und lies dir am besten auch die kommentare dadrunter durch, da sind noch einige bugfixes versammelt