Prozentuale Höhe versch. Elemente an der Höhe des Elternelements

[MudGuard]

Hi,

body, html {
           height: 100%;
        }

html hat also die Höhe des Viewport, body 100% davon, also ebenfalls die Höhe des Viewports.

#wrapper {
           height: auto !important;
           height: 100%;

Die Deklaration mit important hat höheres Gewicht.
#wrapper hat also height:auto. Richtet sich also nach dem Inhalt.

#MainDiv {
           height: auto !important;

Diese hier greift (wegen important), also Höhe wie durch Inhalt bestimmt.

height: 100%;

Selbst wenn das hier greifen würde: das übergeordnete Element hat height:auto, also bedeuten die height:100% für dieses Element ebenfalls height:auto.

Selbiges gilt dann für

#UnterDiv {
           height: auto !important;
           height: 100%;

.imglink {
           height: auto !important;
           height: 100%;
        }

Die Höhenangaben hier sind nutzlos - a ist (da keine Änderung vorgenommen wurde) ein non-replaced inline-Element, height wird also ignoriert, die Höhe richtet sich nach dem Inhalt.

.image {
           height: 15%;
        }

Prozentuale Höhe hier läuft also auf height:auto raus.

cu,
Andreas