Kompletten Seiteninhalt horizontal zentrieren?

[Daniel (Webject)]

Hi!

Also, bis vor kurzem habe ich auch noch ständig die "altbackenden" HTML-Tabellen für alles, was mit Layout und Positionierung zusammenhängt verwendet (ausser einfache Schriftformatierungen, die hab ich schon, wie fortschrittlich, mit einer zentralen CSS-Datei verwaltet).

Ich möchte nun aber langsam aber sicher so weit wie möglich auf CSS und Layer umsteigen.

Nun habe ich aber schon ein deutliches Problem:

Wie kann ich bitte die gesamte Seite bzw. den gesamten Seiteninhalt, der in einem allumfassenden Haupt-Layer liegt,  per CSS horizontal zentrieren, so dass (möglichst in beiden Browsern, also IE und Firefox) der Abstand nach rechts und links genau gleich groß ist?

Oder ist die Idee, den komplette Seiteninhalt in einen großen Hauptlayer zu packen, nicht gut und noch zu stark vom "Denken in Tabellen" behaftet?

Wäre schön, wenn mir jemand helfen könnte!

Bis dann, Daniel.

[wahsaga]

hi,

Wie kann ich bitte die gesamte Seite bzw. den gesamten Seiteninhalt, der in einem allumfassenden Haupt-Layer liegt,  per CSS horizontal zentrieren

FAQ: Wie zentriere ich Elemente mit CSS?

gruß,
wahsaga

[Thomas]

Hi!

Also, bis vor kurzem habe ich auch noch ständig die "altbackenden" HTML-Tabellen für alles, was mit Layout und Positionierung zusammenhängt verwendet (ausser einfache Schriftformatierungen, die hab ich schon, wie fortschrittlich, mit einer zentralen CSS-Datei verwaltet).

Ich möchte nun aber langsam aber sicher so weit wie möglich auf CSS und Layer umsteigen.

Nun habe ich aber schon ein deutliches Problem:

Wie kann ich bitte die gesamte Seite bzw. den gesamten Seiteninhalt, der in einem allumfassenden Haupt-Layer liegt,  per CSS horizontal zentrieren, so dass (möglichst in beiden Browsern, also IE und Firefox) der Abstand nach rechts und links genau gleich groß ist?

Oder ist die Idee, den komplette Seiteninhalt in einen großen Hauptlayer zu packen, nicht gut und noch zu stark vom "Denken in Tabellen" behaftet?

Wäre schön, wenn mir jemand helfen könnte!

Bis dann, Daniel.

Alles in einen DIV z.b. #box hinein und diesem folgenden Code geben:
#box {
  margin: 0 auto;
}

Liebe Grüße
Thomas

[wahsaga]

hi Thomas,

könntest du dich bitte langsam mal bemühen, halbwegs sinnvoll zu zitieren - und nicht immer das komplette Vorposting stehen zu lassen, und deine Antwort lediglich drunterzuhängen?

Vielen Dank.

gruß,
wahsaga

[Daniel (Webject)]

Vielen Dank für eure Antwort und Hilfe!!!

Mit freundlichen Grüßen,
Daniel.