Zentrieren von Layout-Elementen im Firefox

[zak]

Ich möchte gern eine Seite basteln, die zentriert ist mit fester Breite, und rechts und links weiße Streifen hat, damit ich nicht so abhängig bin von der individuellen Fenstergröße - also etwa so wie bei "web.de". 700px Breite müsste doch auf den meisten Bildschirmen gehen, oder?

Mein erster Versuch war mit div-Elementen, die aber trotz allem gutem Zureden am linken Fensterrand blieben. Mein zweiter Versuch ist jetzt mit blinden Tabellen. Das funktioniert im IE soweit ganz gut, im Firefox bleibt die Tabelle links. Komischerweise ist Text außerhalb der Tabelle dort wie gedacht zentriert, nur die Tabelle selber nicht. Ich hab irgendwie das Gefühl, "text-align:center;" wirkt nicht auf Tabellen.

Dann bin ich auf die Idee gekommen, mal bei der klassischen Firefox-Google-Startseit im Quelltext zu kucken, wie die es hinbekommen haben - und ich war entsetzt: <center> ! Das ist doch böse und depricated und so, oder nicht?

Weiß jemand von einer sauberen Lösung, divs oder Tabellen auf einer Seite auch im Firefox zu zentrieren?

Vielen Dank,
zak

[bischi]

Also mittels CSS solltest du divs eigentlich zentrieren können...

MfG Bischi

PS: http://de.selfhtml.org/

[jeebee]

margin: 0px auto sollte ein element zentrieren.

[°°Ben³]

Schau mal hier rein:
--> http://scholz-webdesign.de/css/demo/zentrieren/

Der Quelltext sollte dir weiterhelfen.

[zak]

sollte ein element zentrieren.

Genau das ist das Problem: Es sollte. Und im IE gehts auch wunderbar. Im Firefox nicht. Weder divs werden zentriert - egal ob ichs per CSS versuche oder direkt im Tag ein Attribut angebe - noch Tabellen - ebenso werder mit CSS noch mit entsprechendem Attribut im Tag. Die einzige Möglichkeit, die bei mir funktioniert hat, ist eine Tabelle, um die ich das <center>-Tag lege.

Ich bastle mal ein Beispiel, was ich Euch zeigen kann...

edit: In dem Beispiel
http://scholz-webdesign.de/css/demo/zentrieren/
wird per

top: 50%;
left: 50%;
margin-top: -1em; /* == halbe Zeilenhöhe. */
margin-left: -10em; /* == halbe Breite. */

zentriert, und dann so verschoben, dass das Element mittig ist. Sobald der Inhalt dynamisch generiert wird, weiß ich ja aber gar nicht mehr, um wieviel ich wieder nach links und oben verschieben muss.

[undefined]

Geht doch ich habe es gerade mit Firefox und Konqueror getestet

[zak]

Kannst du mir mal Deinen Code schicken? Vielleicht habe ich ja irgendwo einen Tippfehler drin, den der IE großzügigerweise übersieht und der Firefox nicht.