Otto Wyss: Zentrieren von Blockelementen

Ich habe gerade kürzlich gelesen, dass man ein Blockelement (z.B. "div") horizontal (oder vertikal) zentriert mittels "margin". Wie macht man das, so dass der zentrierte Teil in der Mitte eine fixe Breite behält?

  1. Wie macht man das, so dass der zentrierte Teil in der Mitte eine fixe Breite behält?

    Ähm, margin-left: auto, margin-right: auto und width: fixeBreite?

    Sorry, mehr kann ich deiner Problembeschreibung nicht entnehmen.

    Mathias

    1. Ähm, margin-left: auto, margin-right: auto und width: fixeBreite?

      Sorry, mehr kann ich deiner Problembeschreibung nicht entnehmen.

      Ganz einfach, weil das wieder einmal im IE6 nicht funktioniert. Leider finde ich auch keine passende Hack-Lösung.

      1. Ganz einfach, weil das wieder einmal im IE6 nicht funktioniert.

        Doch. Es funktioniert im standardkonformen Rendermodus, den du mittels DOCTYPE-Switch ohnehin anschalten solltest. Ansonsten verhält sich IE 6 wie IE 5 und hat auch dessen CSS-Fehler. Näheres dazu kannst du in SELFHTML recherchieren.

        Mathias

        1. IE 5 und hat auch dessen CSS-Fehler. Näheres dazu kannst du in SELFHTML recherchieren.

          Genau nach Vorgabe von SelfHTML habe ich folgendes Beispiel geschrieben.

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
          <html>
          <head>
          </head>
          <body>
          <div style="margin-left: auto; margin-right: auto" width="600px">

          <div>
          ...
          </div>

          </div>

          </body>
          </html>

          Das funktioniert nicht im IE6.

          1. <div style="margin-left: auto; margin-right: auto" width="600px">

            Es gibt in HTML kein width-Attribut für das Element div.
            Suchst du vielleicht die CSS-Eigenschaft width?

            Mathias

          2. Hi,

            Genau nach Vorgabe von SelfHTML habe ich folgendes Beispiel geschrieben.

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
            <html>

            Ohne Angabe der DTD-URl schickst du damit den IE immer noch in den Quirks Mode.

            http://en.wikipedia.org/wiki/Quirks_Mode#Comparison_of_document_types

            MfG ChrisB

            --
            „This is the author's opinion, not necessarily that of Starbucks.“
            1. Yerf!

              <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
              <html>

              Ohne Angabe der DTD-URl schickst du damit den IE immer noch in den Quirks Mode.

              Nicht bei HTML 4.01 Strict. Steht übrigens auch auf der verlinkten Seite (ok, Tasman macht nen Unterschied, aber um den ging es ja nicht...)

              Gruß,

              Harlequin

              --
              <!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->