Prozentuale Höhenangabe wird ignoriert

[Auge]

Hallo

Ja, du musst dem Wurzelelement eine Höhe zuweisen, damit eine Angabe für ein Kindelement eine Bezugsgröße bilden kann. Das muss dann aber auch im gleichen Kontext, hier CSS, erfolgen. Deine Angaben als HTML-Attribute für html und body ist somit falsch. Lösche sie wieder heraus und ersetze sie durch (weitgehend) gleichlautende CSS-Regeln.

html {
height: 100%; /* Falls hier, wie bei der folgenden Angabe für body, min-height besser ist, soll das mal bitte jemand nachtragen. Danke. */
}
body {
min-height: 100%; /* Die Angabe von min-height erfolgt für den wahrscheinlichen Fall, dass mehr Inhalt da ist, als in eienr Bildschirmhöhe darstellbar ist. */
}

Auf diese Anhaben kann sich eine folgende Höhenangabe in Prozent beziehen.

Noch ein paar Maneuverkritikpunkte:

#item1 {
        /* bla */
        width="15%"; /* falsch, richtig wäre „width: 15%;“ */
        /* blubb */
}

Mit font-face werden Schriftarten nachgeladen, nicht Formatierungen festgelegt. Siehe: SelfHTML-Wiki @font-face

@font-face { /* <= falscher Selektor */
        /* bla */
        font-size: 1 em; /* Keine Trennung von Maßangabe und -einheit! Richtig wäre „1em“ */
        /* blubb */
}

Tschö, Auge