What's this weird white-space underneath the HTML tag?

Question

While inspecting with the device toolbar in Chrome I have this weird whitespace underneath the HTML tag. The whitespace dissapears when I disable the device toolbar ... There are some other issues as well, but we'll leave those for now.

Would love to hear from you all. Thanks in advance.

Possible duplicate of [What does ==$0 (double equals dollar zero) mean in Chrome Developer Tools?](https://stackoverflow.com/questions/36999739/what-does-0-double-equals-dollar-zero-mean-in-chrome-developer-tools) — Patryk Brejdak, Oct 02 '18 at 07:52
Possible duplicate of [Mysterious White Space at bottom of Web Page in Mobile-Chrome](https://stackoverflow.com/questions/39070028/mysterious-white-space-at-bottom-of-web-page-in-mobile-chrome) — Maor Refaeli, Oct 02 '18 at 08:06
@MaorRefaeli: thanks for this; sadly it didn't solve the issue. I have added the CSS code that was suggested but it didn't solve the problem. — Alex Hermans, Oct 02 '18 at 08:15
is your HTML 100vh ? Like this : html, body{min-height:100%;} — André DS, Oct 02 '18 at 08:20
Thank you @AndréDS that was it. It seems to have fixed the issue. — Alex Hermans, Oct 02 '18 at 08:24

score 0 · Accepted Answer · answered Oct 02 '18 at 08:26

0

It seems that your body is 100% height, but your HTML parent tag isn't.

That way, your body tag take 100% height of "nothing" height. You should put an height or min-height property on parent (<html>) :

html, body{
    min-height:100%;
}

answered Oct 02 '18 at 08:26

André DS

1,823
1
14
24

What's this weird white-space underneath the HTML tag?

1 Answers1