Ante todo decir que es una cuestión muy sencilla pero como no paro de buscar y de no encontrar... ahí os dejo la pregunta.
Simplemente quiero colocar una capa que ocupa el 100% de ancho y unos 80px de alto. A continuación otra capa que será el lateral de la web que debe tener un ancho de 200px y una altura del resto de la página.
He realizado la siguiente prueba:
Código HTML:
Body {margin:0px}
#Header { background-color:#009966; width:100%; height:80px; }
#panelIzq {width: 200px; background-color:#0099CC; float:left; top:80px; bottom:0px; position:absolute;}
El resultado es óptimo en Firefox pero en IE...
¿Qué solución hay? Si pongo HEIGHT: 100% me aparece la barra de navegación.
Sólo quiero que la capa panelIzq llegue hasta abajo.
Comparativa de FIREFOX e IE:
