[Odin_333]

Guten Morgen zusammen.

Komme eigentlich aus dem Printbereich, also nicht erschrecken, bezüglich meiner Unwissenheit.

Vor einiger Zeit habe ich damit angefangen, für mich privat eine Webseite zu gestalten (Dreamweaver CS3)

Fernab von Themen wie Flash usw. stehe ich ganz einfach vor dem Problem, dass ich gerne den gesammten Eingabe- und Darstellungsbereich (ca 850 x 850px) auf jedem Monitor horizontal (kein Problem) aber eben auch vertikal zentriert haben möchte (ähnlich dem hier: http://hatecke.ch/)

Ich hab mir schon die Finger wund gesucht, aber bis auf das, dass es wohl irgendwie mit css funktionieren soll, weiss ich leider nicht weiter.

Evtl. hat jemand einen Tipp oder einen passenden Link, wäre für jede Hilfe dankbar.

[Kash]

Horizontales Zentrieren ist mittels CSS nicht möglich.

Es gibt aber einige Tricks den Effekt dennoch zu erreichen


CSS

[Odin_333]

Danke schonmal, aber laut Code (bin Laie) wird der entsprechende Inhalt dadurch ja nur horizontal zentriert, ich suche aber nach einer Möglichkeit, dass eine Box (beinhaltet dann menüs usw) auf jedem Bildschirm im Browser links und rechts, und oben und unten zentriert ist.

[Kash]

Das macht das auch.

Wieso probierst Du es nicht erstmal aus?

Gib #wrapper am besten eine ander Hintergrundfarbe. Dann siehst Du es besser

[Odin_333]

Bin grad nicht am Arbeitsplatz, versuche es aber heute Abend.

Danke jedenfalls schonmal im Voraus.

[top]

[Kash]

[squiler]

Zentrierung Seiteninhalt in 3 Schritten:

1.Schritt
body {text-align: center;} das überzeugt den IE schon mal von deinem Vorhaben

2.Schritt
div#wrapper {margin: 20px auto;} durch auto wird der verbleibende Außenabstand links und rechts gleichmäßig aufgeteilt --- damit ist die Seite auch im FF mittig

3. Schritt

div#wrapper {margin: 20px auto; text-align: left;} aufhebung des Mittelsatzes ganz nach Bedarf