Foros del Web » Creando para Internet » CSS »

Height 100% en IE6 - Problemas

Estas en el tema de Height 100% en IE6 - Problemas en el foro de CSS en Foros del Web. Pues eso, no consigo poner un div al 100% en IE6, en el resto de navegadores OK. ¿Alguien tiene un hack o algo para conseguirlo? ...
  #1 (permalink)  
Antiguo 12/01/2009, 10:49
 
Fecha de Ingreso: mayo-2005
Ubicación: Muy lejos de aquí
Mensajes: 367
Antigüedad: 12 años, 7 meses
Puntos: 0
Height 100% en IE6 - Problemas

Pues eso, no consigo poner un div al 100% en IE6, en el resto de navegadores OK.

¿Alguien tiene un hack o algo para conseguirlo?

Gracias
  #2 (permalink)  
Antiguo 12/01/2009, 11:09
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Height 100% en IE6 - Problemas

Busca aquí... esta la solución..
Es la pagina de recursos CSS de mikmoro
http://www.araudi.net/

Aresillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #3 (permalink)  
Antiguo 12/01/2009, 11:19
 
Fecha de Ingreso: mayo-2005
Ubicación: Muy lejos de aquí
Mensajes: 367
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Height 100% en IE6 - Problemas

Lo he consultado pero el codigo que usa no me funciona.
  #4 (permalink)  
Antiguo 12/01/2009, 11:29
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Height 100% en IE6 - Problemas

pues algo pasa porque pone height 100% para ie6
y las soluciones de mik deben funcionar para ie6...
Puedes poner porque no te funciona y seguro que te hecha una mano...

Aresillo!!
EDITO: a mí si que me funciona para ie6 el ejemplo de mik
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #5 (permalink)  
Antiguo 12/01/2009, 11:38
 
Fecha de Ingreso: mayo-2005
Ubicación: Muy lejos de aquí
Mensajes: 367
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Height 100% en IE6 - Problemas

Tengo lo siguiente:


.Opaca {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
min-height: 100%;
background-color:#333333;
filter: alpha(opacity=94); /*IE*/
opacity: .94; /*FireFox Opera*/
visibility:hidden;
text-align:center;
}
__________________
Saludos!
  #6 (permalink)  
Antiguo 12/01/2009, 12:30
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Height 100% en IE6 - Problemas

Hola lanceusp, un height:100%; es el 100x100 de lo que tenga dentro si es una frase dentro de una etiq. de <p></p> pues ocupara ese espacio en la pantalla y si son 20 lineas pues eso un espacio pra 20 lineas. puesdes hacer esto:
Código:
.Opaca {
	left:0px;
	background-color:#333333;
	filter: alpha(opacity=94); /*IE*/
	opacity: .94;
	color: #FFFFFF;
	top: 0px;
	text-align: center;
	display: block;
	right: 0px;
	bottom: 0px;
	width: 100%;
	float: left;
	height:800px;
	html>body height:100%;
}

y añade esto otro:

html,body {
	margin: 0px;
	
}

Te daras cuenta que la cosa cambia. ES una posible solución NO la unica.

html>body height:100%; Esto sobra pero es un hack que valida, pero en este caso no es necesario
  #7 (permalink)  
Antiguo 12/01/2009, 13:41
 
Fecha de Ingreso: mayo-2005
Ubicación: Muy lejos de aquí
Mensajes: 367
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Height 100% en IE6 - Problemas

Pero aqui le pones height 800px, no me sirve, me saca scroll.
  #8 (permalink)  
Antiguo 13/01/2009, 03:38
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Height 100% en IE6 - Problemas

Tendras que poner el que corresponda
  #9 (permalink)  
Antiguo 13/01/2009, 04:20
 
Fecha de Ingreso: mayo-2005
Ubicación: Muy lejos de aquí
Mensajes: 367
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Height 100% en IE6 - Problemas

Claro, pero como sabrás no todas las pantallas tienen un alto fijo, de ahi el 100% height
  #10 (permalink)  
Antiguo 13/01/2009, 04:37
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Height 100% en IE6 - Problemas

Ok, tu diseño tiene que ser liquido un buen ejemplo es :

http://matthewjamestaylor.com/blog/e...r-css-no-hacks

Es un poco complicado pero da muy buen resultado.

Un ejemplo que puse para un amigo lo puedes ver :

http://www.jaimesimo.net/pruebas/Untitled-1.html
  #11 (permalink)  
Antiguo 13/01/2009, 04:39
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Height 100% en IE6 - Problemas

No entiendo como se te da la solución y dices que no funciona cuando sí:
3 cajas 100x100 de alto
http://www.araudi.net/ejemplos/3_capas.html
Lo mismo con scroll
http://www.araudi.net/ejemplos/3_capas_con_scroll.html

Si quieres que te adaptemos tu diseño para que funcione primero deberías intentar adaptarlo tu al que se te da.

Ares
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #12 (permalink)  
Antiguo 13/01/2009, 04:47
Avatar de talmente  
Fecha de Ingreso: noviembre-2007
Mensajes: 233
Antigüedad: 10 años, 1 mes
Puntos: 4
Respuesta: Height 100% en IE6 - Problemas

Tiene razón Aresillo con esto http://www.araudi.net/ejemplos/3_capas.html funciona perfectamente. Y seguramente con el otro ejemlo tambien.
  #13 (permalink)  
Antiguo 13/01/2009, 15:18
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Height 100% en IE6 - Problemas

funcionan perfectamente los dos ejemplos.

Saludos.

  #14 (permalink)  
Antiguo 13/01/2009, 15:26
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Height 100% en IE6 - Problemas

Cita:
Iniciado por lanceusp Ver Mensaje
Lo he consultado pero el codigo que usa no me funciona.
No si todos sabemos que funciona, es él...

AResillo!!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #15 (permalink)  
Antiguo 18/04/2010, 13:08
 
Fecha de Ingreso: septiembre-2009
Mensajes: 2
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Height 100% en IE6 - Problemas

Muchas gracias por los ejemplos, me han salvado la vida!!!!!!!!!!!!!!!
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:25.