friedrich: Zentrierung des Inhalts

Hallo.

Ich möchte meine gesamte Seite zentrieren. Nun gibts es dazu ja schon unzählige Beiträge in allen Ecken, trotzdessen finde ich mich nicht hundertprozentig zurecht.

Ich hatte mich eigentlich für die Lösung -"Zentrierung durch CSS- Tabellen"- der Seite

http://danielrichter.da.funpic.de/zentrieren.php

entschieden, das funktioniert aber nicht ganz so, wie ich mir das vorstelle. Im Quelltext des angezeigten Beispiels
(http://danielrichter.da.funpic.de/Beispiele/zentrierung-Beispiel5.html) wird im CSS für das <div> Tag allgemein {margin:auto;} definiert.

Wie gehe ich nun aber vor, wenn ich nicht möchte, dass das <div> Tag mit margin:auto "vorbelegt" wird und somit immer dieser Angabe folgt?

Oder gibt es etwa noch einfachere / besser Methoden zur Zentrierung?
Das Ganze sollte allerdings relativ barrierefrei sein..

Danke. MfG.

  1. hallo,

    Wie gehe ich nun aber vor, wenn ich nicht möchte, dass das <div> Tag mit margin:auto "vorbelegt" wird und somit immer dieser Angabe folgt?

    Du läßt diese Angabe entweder weg oder schreibst was Anderes ;-)

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
  2. Hi,

    Ich hatte mich eigentlich für die Lösung -"Zentrierung durch CSS- Tabellen"- der Seite

    http://danielrichter.da.funpic.de/zentrieren.php

    entschieden, das funktioniert aber nicht ganz so, wie ich mir das vorstelle.

    unter anderem funktioniert es auch nicht im IE - nicht mal im IE7.
    Also eine schlechte Entscheidung.

    freundliche Grüße
    Ingo

  3. Hallo,

    Ich möchte meine gesamte Seite zentrieren.

    Ich würde auf die vertikale Zentrierung verzichten und nur horizontal (mit margin:0 auto) zentrieren.

    Das Ganze sollte allerdings relativ barrierefrei sein..

    Bei kompletter Zentrierung ist die Gesamtgröße beschränkt. Barrierefrei heißt ja u.A. auch, daß die Schriftgröße skalierbar ist, und bei hohem Schriftgrad wird es dann schnell eng. Scrollbalken im inneren DIV sind auch nicht richtig schön.

    Shepard

  4. hi,

    Wie gehe ich nun aber vor, wenn ich nicht möchte, dass das <div> Tag mit margin:auto "vorbelegt" wird und somit immer dieser Angabe folgt?

    Dann nutzt du einen anderen Selektor als den Elementselektor - bspw. den ID-Selektor.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }