Benjamin Gronau: Layouttabelle vertikal zentriert? - Wie?

SELF-Forum

Layouttabelle vertikal zentriert? - Wie?

Benjamin Gronau Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi!

ich bin blutiger Anfänger und versuche gerade eine vertikal zentrierte Tabelle auf dem Monitor zu erzeugen.
Aus irgendeinem Grund gelingt mir dies nicht.
Kann sich jemand von euch das mal unter www.bengronau.de anschauen und mir weiterhelfen?

Vielen Dank und schönen Abend im vorraus,

Benjamin Gronau

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Layouttabelle vertikal zentriert? - Wie?

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Benjamin,

    also ohne Tabelle finde ich das auch ziemlich kompliziert, das für alle Browser gleichermaßen hinzubekommen:

    http://www.lipfert-malik.de/webdesign/tutorial/bsp/centerdiv3.html

    Wenn du auf Tabellenlayout setzt, kannst du eine Tabelle oder ein anderes horizontal zentriertes Element in eine andere Tabelle schachteln, die nur eine einzelne Zelle enthält. Diese Einzelzelle der äußeren Tabelle richtest du vertikal mittig aus. Das geht mit dem HTML-Attribut valign=middle" oder über CSS, da heißt die Eigenschaft "vertical-align:middle".

    Die Höhe der äußeren Tabelle solltest du in jedem Fall über CSS auf 100% setzen und dabei auch an alle Eltern-Elemente denken, die du ebenfalls auf 100% setzt, damit klar ist, worauf sich die Höhenangabe bezieht, also:

    html, body, #deineAeussereTabelle {
      height:100%;
      margin:0;
      padding:0;
    }

    #deineAeussereTabelle td {
      height:100%;
      vertical-align:middle;
    }

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln