Thomas Bandt

Über mich | Kontakt | Archiv

[CSS] Div horizontal und vertikal zentrieren

Für das Archiv:

#DefaultContainer
{
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   height: 120px;
   margin-top: -60px; /* Höhe durch zwei */
   margin-left: -50%; /* Breite durch zwei */
}

Damit lässt sich ein Div auf der Page vertikal zentrieren. Geht sowohl mit absoluten als auch mit relativen Größen und funktioniert in den aktuellsten Versionen von Opera, Firefox und Internet Explorer (Windows).

Kommentare

  1. ethan_hunt schrieb am Donnerstag, 23. März 2006 12:34:00 Uhr:

    jap

    /* zusammengefasst */
    div#maincont {
    margin: 0px auto 0px auto;
    }

    /* ausgeschrieben */
    div#maincont {
    margin-left: auto;
    margin-right: auto;
    }
  2. manuel schrieb am Freitag, 24. März 2006 16:34:00 Uhr:

    die methode ist aber mitunter totaler mist, wenn du ne seite hast die ziemlich hoch ist. dann wirds nämlich bei kleinen browserfenstern nach oben hinausgeschoben.
  3. Thomas schrieb am Montag, 27. März 2006 00:04:00 Uhr:

    Die Methode funktioniert im Unterschied zu den genannten "Alternativen" wenigstens.

    Davon abgesehen wird man kaum etwas vertikal wie horizontal zentrieren wollen, wenn man lang laufenden Content hat.
  4. Rene Drescher-Hackel schrieb am Mittwoch, 10. Februar 2010 11:26:00 Uhr:

    Thomas, deine Funktion funktioniert prima ;-) merci


« Zurück  |  Weiter »