Prozentuale Höhenangabe wird ignoriert

[Blackpanther23]

Lieber Orlok,

herzlichen Dank für Deine ausführliche und äußerst kompetente Hilfe. Ich darf vorweg nehmen, dass Dein Beitrag weit mehr als hilfreich war. Du hast nicht nur mein Problem lösen können, sondern es mir auch di­dak­tisch brilliant erklärt, sodass es mir möglich wurde meine Fehler nachzuvollziehen und in Zukunft zu vermeiden. Da machst es wirklich Spaß, sich weiterzuentwickeln und weiter zu programmieren. Es ist immer genauso frustierend, wenn etwas trotz erheblichem Zeitaufwand nicht funktioniert, wie es toll ist, wenn es dann doch endlich klappt. Danke nochmal.

Ich bin gestern Stück für Stück Deinen Beitrag durchgegangen und vermelde folgende Ergebnisse:

1. Dem html- tag musste ich - in der CSS- Datei - eine Höhe zuweisen, damit es funktioniert.

html{
 	height: 100%;
}

Du schreibst ja auch an anderer Stelle, dass man es braucht. Das hat funktioniert, :-)

2. Die weiteren Veränderungen konnte ich problemlos durchführen (der schließende End- Tag von <img> war schon sehr peinlich, mein Programm macht immer automatisch den End- Tag mit, da passiert so etwas dann...)

3. Die <div>- Container sind jetzt durch <nav> ersetzt und stehen im <header>- Bereich. Ich muss aber zugeben, dass mir die einzelnen Bereiche und deren jeweiliger Verwendungszweck noch nicht ganz klar sind - da werde ich noch einmal genauer lesen und rumprobieren.

4. Die Gliederung meiner - horizontalen - Navigationsleiste durch <ul>- Elemente sind das einzige, was ich nicht hinbekommen habe, da dann ein Navigationselement pro Zeile angezeigt wurde... Wird, wie ich mich kenne - an mir gelegen haben, aber es funktioniert ja auch ohne Liste! :-)

5. Der nicht genutzte Container war nur eine Spielerei, die nun erst mal entfernt wurde. Mir war auch irgendwie schon klar, dass man das mit den Selektoren und meinen 5 items besser lösen kann, danke auch hier für den erhellenden Hinweis, jetzt steht alles hintereinander und funktioniert perfekt!

6. Über die Kurzschreibweise für die Flexboxen bin ich auch schon gestolpert, aber am Anfang hätte ich es gerne "ausführlicher", weil es für mich dann leichter nachzuvollziehen ist, langfristig werde ich aber darauf zurückgreifen.

7. Die Formatierung der Schrift ist auch so ein Thema, was mir zum jetzigen Zeitpunkt Rätsel aufgibt, ich werde das weiter verfolgen, hab den '@font-face' jetzt erstmal gelöscht. Den Link werde ich mir bis dahin merken.

Ich werde, wenn ich es zeitlich schaffe, heute noch weiter programmieren. Ich habe nicht die gesteigerte Hoffnung, dass das problemlos abläuft, deswegen würde ich gerne den Thread noch nutzen, sofern das in Ordnung ist. Ich weiß, dass ich mich schon einmal bedankt habe, möchte es aber noch mal tun. Es ist nicht selbstverständlich, so ausführlich das eigene Problem gelöst zu bekommen. Vielen Dank und einen schönen Sonntag wünscht

Blackpanther