Estoy haciendo un sitio en css y html y recien comienzo a utilizar estilos por lo que algunas cosas escapan a mi conocimiento.
Antes que nada les muestro el formato: http://dezign.com.ar/css
Basicamente, el sitio tiene tres columnas:
- La izquierda fija y ocupa el 100% de alto de la pantalla.
- La central (main) que gira con el scroll vertical.
- La derecha fija y ocupa el 100% de alto de la pantalla.
El body, se mueve con el scroll junto con la columna central.
El tema es que en IE7 y Firefox puedo ver bien las columnas pero en IE6 se desarma la pagina. No se si los estilos que estoy usando estan bien, me gustaria que le hechen un vistazo y, por otro lado, no se como hacer para que la pagina pueda verse bien en IE6.
Les dejo la hoja de estilos para que puedan revisarla y desde ya le super agradezco a quien pueda ayudarme con esto!!!
@charset "utf-8";
body {
background-image: url(../images/spiral-symbol.jpg);
background-repeat: repeat;
background-color: #AEED00;
margin: 0px;
height: 100%;
width: 100%;
}
#columnaIzquierda {
background-image: url(../images/leo_symbol.jpg);
background-repeat: repeat;
height: 100%;
width: 223px;
margin: 0px;
position: fixed;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background-color: #050505;
}
#main {
width: 428px;
background-color: #FFFFFF;
float: left;
margin-left: 223px;
margin-top: 0px;
}
#columnaDerecha {
height: 100%;
width: 304px;
position: fixed;
float: left;
background-color: #0000FF;
background-repeat: no-repeat;
left: 651px;
top: 0px;
}