wKovacs: html, body { height:100%} trotzdem weisser balken am unteren Rand in android chrome

Beitrag lesen

problematische Seite

Hallo,

ich google schon eine Weile doch konnte noch keine befriedigende Lösung finden.

Der hellblaue Bereich ist das html-Element mit height: 100%;

Mein Problem ist der weisse Bereich unterhalb des html-Elements. Dies ist eigentlich noch Teil des Anzeigebereichs des Browsers, wird aber nicht genutzt. Für mich sieht es aus, als würde Chrome hier Platz für eine Scrollbar lassen (wie übrigens an der Seite auch - nur konnte ich durch das festlegen einer Breite zumindest das visuelle Problem lösen).

Wie bekomme ich den weissen Balken dort weg?

Noch ein paar Infos. Wenn der Inhalt zwischen Header und Footer ausreicht, den gesamten Platz zufüllen, gibt es den weissen Balken nicht. Nur wenn der Inhalt gestreckt werden muss, um den gesamten Platz zu füllen (und den Footer an den unteren Rand zu bringen), erscheint der Rand.

Ich habe jetzt über eine Medien-Regel die Höhe auf 105% gesetzt. Aber das muss doch auch anders gehen, dieses Fehlverhalten vom Chrome loszuwerden...

Gibt es eine Lösung, die ich bisher noch nicht gefunden habe?

Regards

wKovacs