Foros del Web » Creando para Internet » CSS »

problema con altura de capa al 100 %

Estas en el tema de problema con altura de capa al 100 % en el foro de CSS en Foros del Web. Hola foro! tengo el siguiente css: Código: .fadebox { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: ...
  #1 (permalink)  
Antiguo 27/10/2008, 15:33
 
Fecha de Ingreso: abril-2005
Mensajes: 182
Antigüedad: 12 años, 7 meses
Puntos: 1
problema con altura de capa al 100 %

Hola foro! tengo el siguiente css:

Código:
.fadebox {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
Este estilo se lo doy a una capa que inicialmente esta en style.display='none' y se habilita mediante un link. El problema es que cuando habilito esta capa, la misma no me cubre en función del alto el 100 % de la página y no entiendo por qué ya que en el css esta definido el height: 100%;

Bueno espero que se haya entendio y que me puedan ayudar. Gracias!
  #2 (permalink)  
Antiguo 27/10/2008, 15:48
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 11 años
Puntos: 56
Respuesta: problema con altura de capa al 100 %

Si lo quieres forzado, min-height:100%
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #3 (permalink)  
Antiguo 27/10/2008, 18:01
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problema con altura de capa al 100 %

Cuando una caja tiene un tamaño respectivo, como un porcentaje, debe ser con respecto de algo. Una caja podrá medir un porcentaje con respecto al tamaño de la caja que la contenga.

Si ninguna de sus antecesoras (las cajas en las que está contenida esta), tienen un tamaño fijado, le estamos diciendo que tenga un 100% de... nada.

Es un asunto muy común, y generalmente lo puedes resolver añadiendo al principio de tu css algo como:

html, body {height: 100%;}

No obstante para estar seguros lo mejor es ver todo tu código.
__________________
Visita mi nueva web idplus.org
  #4 (permalink)  
Antiguo 28/10/2008, 07:11
 
Fecha de Ingreso: abril-2005
Mensajes: 182
Antigüedad: 12 años, 7 meses
Puntos: 1
Respuesta: problema con altura de capa al 100 %

Gracias Mikmoro, me falto tener en cuenta lo que vos me decis de 100% respecto de que.
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 11:07.