Foros del Web » Creando para Internet » CSS »

%height cubierto... pero se queda una parte en blanco

Estas en el tema de %height cubierto... pero se queda una parte en blanco en el foro de CSS en Foros del Web. Hola, Estoy aprendiendo css y me he puesto a hacer pruebas creando un index y tal. El problema es que tengo los div cubriendo el ...
  #1 (permalink)  
Antiguo 22/05/2014, 15:12
 
Fecha de Ingreso: marzo-2010
Mensajes: 9
Antigüedad: 14 años
Puntos: 0
%height cubierto... pero se queda una parte en blanco

Hola,

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:
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;
}
Y cómo se ve hasta ahora:

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;
}
  #2 (permalink)  
Antiguo 23/05/2014, 07:42
 
Fecha de Ingreso: mayo-2014
Mensajes: 2
Antigüedad: 9 años, 10 meses
Puntos: 0
Respuesta: %height cubierto... pero se queda una parte en blanco

#vista tiene un alto de 70%, y #debajo tiene un alto de 20%. Está faltando 10% y tal vez es el espacio en blanco que ves.

Etiquetas: background, blanco, color, html, parte, queda, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:10.