Wenas a todos los foreros ^^
Estoy comenzando a maquetar en Css+divs y me surgen algunos problemillas típicos pero que para un novato son un suplicio.
Tengo una estructura montada dentro de un div que contiene a los demás.
El diseño es líquido y ocupa toda la pantalla, en FIREFOX funciona todo de maravilla, pero el problema (como siempre) lo da el IE.
Tengo el código para aplicar diferentes css a cada navegador, está probado y funciona.
Lo único que me falta es dar con el CSS que posicione el pie de la página al final de ella, pongo el css actual haber que me comentais.
la estructura del html sería algo asi a groso modo:
<div id="contenedor">
<div id="otrodiv"></div>
<div id="otrodiv+"></div>
<div id="pie"></div>
</div>
y el CSS sería algo así:
div#contenedorFOX, div#contenedor{
height:100%;
text-align: left;
margin: auto;
position:absolute;
top:0px;
left:5px;
right:5px;
background-color:#FFFFFF;
}
/* El siguiente código solo se interpretará por el IE */
* html body div#contenedor
{
height:100%;
text-align:left;
position:relative;
margin:auto;
bottom:0px;
top:0px;
left:2px;
right:2px;
background-color:#000000;
}
div#pieFOX, div#pie{
background-color: #0066CC;
text-align:right;
color:#ffffff;
clear:both;
position:absolute;
bottom:0px;
width:100%;
}
/* El siguiente código solo se interpretará por el IE */
* html body div#pie
{
background-color: #0066CC;
text-align:right;
color:#ffffff;
clear:both;
position:relative;
bottom:0px;
width:100%;
}
He probado bastantes combinaciones para el IE (vertical-align, position absolute y relative, ...) pero no doy con la buena.
Espero que alguien pueda decirme que es lo que me falta, en realidad el problema es que en el IE el div contenedor no llega hasta el final de la página.
GRACIAS DE ANTEMANO