Fixierter Header mit Flexbox-Verfahren klappt nicht richtig

[quincunx]

@@Matthias Apsel

sind gleichwertig und oft auch unnötig bzw. unsinnig. Denn sie sind meist nur notwendig, um Nachfolgeelementen eine prozentuale Höhe ihres Vorfahrenelements geben zu können. Darauf sollte man aber verzichten, weil die Höhenanpassung ohne weiteres Zutun automatisch nach dem Inhalt erfolgt.

In diesem Beispiel stimmt es so nicht ganz:

/* Das funktioniert auch ohne html height Angabe  */
body {
   height: 100vh;
}

/* Das funktioniert nicht ohne html height 100 %||vh Angabe  */
body {
   height: 100%;
}

und im speziellen Fall dieses Beispiel ist es entscheidend ob der header fixiert ist oder mitscrollt.

Der Unterschied ist, dass alte Browser die Viewporteinheiten nicht kennen.

und auch sonst von html5 und css3 kaum einen Schimmer haben ;-)

gr qx