Chris: DIVS in der Mitte des Fensters positionieren

Hallo Leute,

ich krieg das einfach nicht hin, wie ich ein DIV mit einer bestimmten Breite in einem Fenster unbekannter Größe zentriert (horizontal) positionieren kann, so wie das mit Tabellen geht.

Entweder ich lese immer daran vorbei oder es steht nirgends :-((

LG

Chris

  1. Hallo,

    Für die horizontale Ausrichtung setzt man die CSS-Eigenschaften margin-left und margin-right des Blockelements auf "auto". Dies verstehen aber nur moderne Browser. Der IE verhält sich anders und ignoriert diese Angaben. Darum ist es notwendig für das übergeordnete Element (Eltern-) des Blockelements, text-align:center zu definieren.

    <body style="text-align:center">
    <div style="width:400px; margin-left:auto; margin-right:auto; text-align:left;">
    text text text ...
    </div>
    </body>

    mfg NAG

    --
    signatur
    1. Hallo NAG,

      <body style="text-align:center">
      <div style="width:400px; margin-left:auto; margin-right:auto; text-align:left;">
      text text text ...
      </div>
      </body>

      Danke, das habe ich befürchtet. Ich werde wohl doch weiterhin Tabellen nehmen. Allerdings soll es da ja Schwierigkeiten mit "Nur-Text-Browsern" und mit der Barrierefreiheit geben. Irgendwie sind diese ganzen Browser Kinderkakke.

      LG
      Chris

      1. Hi,

        Danke, das habe ich befürchtet.

        wieso befürchtet? Die angegebene Lösung funktioniert in jedem Browser.

        freundliche Grüße
        Ingo