Antes que nada quiero aclarar que creo este es un problema común, pero no puedo encontrar la solución.
Mi fuerte es la programación y siempre tengo conflictos con la compatibilidad entre navegadores de mis códigos.
Esta vez no puedo solucionarlo, tengo una tabla que tiene que medir 100% de ancho y de alto y contener 3 columnas. la del medio de 800px y las otras ajustarse automáticamente.
Eso va bien, el problema está en lograr meter tablas en la columna del medio y que estas respeten el alto.
Les dejo una imagen para aclarar mas lo que necesito.
Tenemos una tabla (la verde) que se divide en:
Lado A: Alto 100% y Ancho automático.
Lado B: Alto 100% y Ancho automático.
Centro: Alto 100% y Ancho 800 px.
A su vez, el centro se divide (lo rojo):
Cabeza: Alto 150px y Ancho 800px.
Cuerpo: Alto Automático y Ancho 800px.
Pie: Alto 20px y Ancho 800px.
Si vamos al firefox, todo bien. El Chrome Todo bien. El Safari todo bien.
El Internet Explorer No toma la altura de alguna división roja.
Ahora, se que para poder hacer el 100% de altura con:
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Necesito:
Código:
html,body{
margin:0;
padding:0;
height:100%;
border:none;
}
Pero no encuentro la manera de solucionar mi problema con IE
No puedo trabajar con pixeles en las divisiones rojas o IE no entiende el sitio y se rompe.
¿Alguien me puede ayudar para que IE entienda lo que necesito?
Desde ya muchas gracias y sepan disculpar mi ignorancia.