Height 100% en IE6 - Problemas

[lanceusp]

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

[Aresillo]

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

Aresillo!!

[lanceusp]

Lo he consultado pero el codigo que usa no me funciona.

[Aresillo]

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

[lanceusp]

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;
}

[talmente]

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

[lanceusp]

Pero aqui le pones height 800px, no me sirve, me saca scroll.

[talmente]

Tendras que poner el que corresponda

[lanceusp]

Claro, pero como sabrás no todas las pantallas tienen un alto fijo, de ahi el 100% height

[talmente]

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

[Aresillo]

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

[talmente]

Tiene razón Aresillo con esto http://www.araudi.net/ejemplos/3_capas.html funciona perfectamente. Y seguramente con el otro ejemlo tambien.

[jomaruro]

funcionan perfectamente los dos ejemplos.

Saludos.

[Aresillo]

Iniciado por lanceusp

Lo he consultado pero el codigo que usa no me funciona.

No si todos sabemos que funciona, es él...

AResillo!!

[tronitoso]

Muchas gracias por los ejemplos, me han salvado la vida!!!!!!!!!!!!!!!