html – Can not you obtain a sticky footer whilst making use of a DOCTYPE?

I’m attempting to apply a sticky footer. I have an easy examination web page which functions completely – yet just when the doctype is left out. I have actually placed both variations of the code listed below (the just distinction is that a person of them has the HTML5 doctype whilst the various other does not).

The variation WITH the doctype (this does not function):

<.
<< html>>.
<< head>>.
<< design>>.
body {
overflow-x: concealed;
}
footer {
margin: -10 px;
extra padding: 20px;
background-color: black;
shade: white;
placement: sticky;
top: 100vh;
}
<.
<.
<< body>>.
<< primary>>.
<< p>>.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
<.
<.

<< footer>>.
<< div>> Concerning<.
<< div>> Products<.
<< div>> Testimonials<.
<< div>> Responses<.
<.

<.
<.

The variation WITHOUT the doctype - this functions as anticipated:

<< html>>.
<< head>>.
<< design>>.
body {
overflow-x: concealed;
}
footer {
margin: -10 px;
extra padding: 20px;
background-color: black;
shade: white;
placement: sticky;
top: 100vh;
}
<.
<.
<< body>>.
<< primary>>.
<< p>>.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
hui gyu gyu gyu gyu gy gy gyi ghi hio jopklkl; kl; jilo hui.
<.
<.

<< footer>>.
<< div>> Concerning<.
<< div>> Products<.
<< div>> Testimonials<.
<< div>> Responses<.
<.

<.
<.