Vertikales Zentrieren

Wir sammeln alle Infos der Bonusepisode von Pokémon Karmesin und Purpur für euch!

Zu der Infoseite von „Die Mo-Mo-Manie“

    Ich weiß, davon gibt es hunderttausende Themen, Seiten,...
    Ich weiß auch das vertical-align nicht mehr funktionert, ich brauch trotzdem eure Hilfe.
    Auf meiner Homepage wochenplan.bplaced.net gibt es ein div das dynamisch bleiben muss (keine fixe height) und am besten vertikal und horizontal zentriert gehört. Horizontal passt schon, aber vertikal finde ich nur Themen mit fixer height, die ich nicht brauchen kann.
    Gibt es eine brauchbare Methode dynamische divs vertikal zu zentrieren?
    LG
    Ratchet


    PS.: Ja ich weiß, der Code ist seeehr wirr geschrieben.

    Spontan fällt mir was mit CSS3 ein, kann aber nicht sagen, ob es richtig funktioniert.

    CSS
    div {
    margin-top: 50%;
    margin-top: calc(50%-0.5*h);
}


    Als erstes 50% als eine Art Fallback für die Browser, die nichts mit calc() anzufangen wissen.
    Dann wird mit der calc()-Funktion von den 50% die Hälfte der Höhe des div-Containers abgezogen. h musst du dabei durch die Höhe des div-Containers ersetzen.
    Dazu muss dem div-Container aber eine feste Höhe zugewiesen werden.


    Ich habe auch noch eine Variante mit JavaScript (jQuery in Kombination mit einem Plugin) gefunden: http://snipplr.com/view/12566/
    Vielleicht ist es ja etwas passendes