Lo que quiero hacer es sencillo en teoría, pero un poco difícil en práctica.
Quiero que mi página tenga el fondo partido en dos: A la izquierda blanco y a la derecha en negro.
Utilizo para ello el siguiente CSS:
Código:
html,body{height:100%; margin:0; padding:0;}
body{background:#000000; margin:0; padding:0;}
#contenido{position:relative; min-height:100%;}
* html #contenido{height: 100%;}
#bgwhite{background:#FFFFFF; width:50%; height:100%; float:right; position:absolute;}
Y el html:
Código:
<div id="contenido">
<div id="bgwhite"></div>
<div style="height:900px;"></div>
</div>
Me funciona perfecto, pero como pueden ver dentro agregué una div con 900px de alto para probar si funciona con scroll. Lo hace en FF, pero en IE no :3
¿Alguien sabe por qué?
Muchas gracias.