Estoy aprendiendo css y me he puesto a hacer pruebas creando un index y tal.
El problema es que tengo los div cubriendo el 100% de la pantalla (al menos eso pone en el código) pero luego sin embargo me queda un espacio en blanco abajo que no sé rellenar. ¿Alguna idea?
Os dejo el código:
Código:
Y cómo se ve hasta ahora:html { height: 100%; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; } #header { z-index: 1; position: fixed; width: 100%; height: 10%; border: 1px #E6E6E6 solid; border-left: none; border-top: none; background-color: white; box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); text-shadow: 0 2px 2px #000000; font-family: tahoma; } #vista { width: 100%; height: 70%; position: relative; background-image: url(http://upload.wikimedia.org/wikipedia/commons/c/c6/Old_timer_structural_worker2.jpg); background-size: cover; border: black solid; float: left; } #debajo { float: left; width: 100%; height: 20%; border: black solid; }
Código:
html { height: 100%; } body { width: 100%; height: 100%; margin: 0px; padding: 0px; } #header { z-index: 1; position: fixed; width: 100%; height: 10%; border: 1px #E6E6E6 solid; border-left: none; border-top: none; background-color: white; box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75); text-shadow: 0 2px 2px #000000; font-family: tahoma; } #vista { width: 100%; height: 70%; position: relative; background-image: url(http://upload.wikimedia.org/wikipedia/commons/c/c6/Old_timer_structural_worker2.jpg); background-size: cover; border: black solid; float: left; } #debajo { float: left; width: 100%; height: 20%; border: black solid; }