Otto Wyss: Wie zentrieren

In den FAQ werden für das Zentrieren von Blöcken zwei Methoden aufgezeigt. Die erste über style="margin-left:auto; margin-right:auto;" funktioniert nicht, jedenfalls nicht so wie angegeben (leider kein Beispiel). Die zweite über position:absolute zerstört den Textfluss. Gibt es nirgendwo ein Beispiel, wie man einen Block innerhalb einer Webseite horizontal zentriert ohne dass der Textfluss zerstört wird und nachfolgende Blöcke wieder linksbündig erscheinen?

  1. Hallo,

    In den FAQ werden für das Zentrieren von Blöcken zwei Methoden aufgezeigt. Die erste über style="margin-left:auto; margin-right:auto;" funktioniert nicht, jedenfalls nicht so wie angegeben (leider kein Beispiel).

    Hier ist ein Beispiel das funktionieren wird:

    <!DOCTYPE html>  
    <html>  
    <head>  
     <title>Zentrieren</title>  
     <style>  
      [code lang=css]div {  
       width: 200px;  
       border: 1px solid red;  
       margin: 0 auto;  
      }
    

    </style>
    </head>
    <body>
     <div>Ein bisschen Text</div>
    </body>
    </html>[/code]

    Jeena

    1. مرحبا

      Hier ist ein Beispiel das funktionieren wird:

      Tatsache.

      mfg

  2. Om nah hoo pez nyeetz, Otto Wyss!

    Gibt es nirgendwo ein Beispiel, wie man einen Block innerhalb einer Webseite horizontal zentriert ohne dass der Textfluss zerstört wird und nachfolgende Blöcke wieder linksbündig erscheinen?

    Das erste Beispiel funktioniert _immer_, wenn es sich tatsächlich um Blockelemente mit einer Breite von weniger als 100% des Elternelements handelt. Mit position:absolute lässt sich nur dann zuverläassig zentrieren, wenn die Abmessungen der Elemente bekannt sind. Falls etwa noch gefloatete Elemente beteiligt sind, könnte es noch wieder komplizierter werden.

    Das Beste ist wohl, du zeigst deine problembehaftete Seite.
    Matthias

    --
    1/z ist kein Blatt Papier.