El caso es que tengo este codigo
...
<body>
<div class="container">
...
</div>
</body>
...
Dentro del container tengo un formulario de login que ocupa mas o menos la mitad del height de la pantalla y yo con este codigo:
.container {
background: gray;
height: 100%;
}
Hago que el container me ocupa todo el height del navegador aunque los elementos no lo ocupen todo.
Hasta aqui todo bien, pero cuando paso a una pagina de registro esta es mas larga (tiene mas contenido, mas elementos) y ocupa mas del 100% del height del navegador y cuando bajo con el scroll el container (que esta de color gris) se queda hasta cierto punto y el "background: gray;" se queda hasta cierto punto. Osea que el color gris ocupa el 100% del height y cuando hay necesidad de scroll, de ahi para abajo no hay color gris. Espero darme a enterder.
.container{min-height: 100vh;}