este es mi code CSS
Código CSS:
Ver originaldiv#contenito {
background: url('../img/bgcontainer.jpg');
background-repeat: repeat-x;
width: 900px;
height: 564px;
margin: 0 auto;
}
div#columna1 {width: 202px; height: 478px; float:left; margin: 12px 0 0 20px;}
div#columna1-top {background: url('../img/cont1-top.jpg'); width: 202px; height: 13px;}
div#columna1-middle {background: url('../img/cont1-middle.jpg'); background-repeat: repeat-y; width: 202px; height: 449px;}
div#columna1-bottom {background: url('../img/cont1-bottom.jpg'); width: 202px; height: 16px;}
div#columna2 {width: 450px; height: 478px; float: left; margin: 12px 0 0 20px;}
div#columna2-top {background: url('../img/cont2-top.jpg'); width: 450px; height: 13px;}
div#columna2-logo {background: url('../img/cont2-logo.jpg'); width: 450px; height: 63px;}
div#columna2-middle {background: url('../img/cont2-middle.jpg'); background-repeat: repeat-y; width: 450px; height: 386px;}
div#columna2-bottom {background: url('../img/cont2-bottom.jpg'); width: 450px; height: 16px;}
div#columna2-content {font-size: 10pt; font-family: Tahoma; color:#FFF; margin-left:8px; padding-top: 10px;}
div#columna3 {width: 182px; height: 478px; float:left; margin: 12px 0 0 20px;}
div#form {width: 182px; height: 318px;}
div#columna3-top {background: url('../img/cont3-top.jpg'); width: 182px; height: 46px;}
div#columna3-middle {background: url('../img/cont3-middle.jpg'); background-repeat: repeat-y; width: 182px; height:259px;}
div#columna3-bottom {background: url('../img/cont3-bottom.jpg'); width: 182px; height: 13px;}
Este es mi HTML
Código HTML:
<div id="contenito">
<div id="columna1">
<div id="columna1-top"></div>
<div id="columna1-middle"></div>
<div id="columna1-bottom"></div>
</div>
<div id="columna2">
<div id="columna2-top"></div>
<div id="columna2-logo"></div>
<div id="columna2-middle"></div>
<div id="columna2-bottom"></div>
</div>
<div id="columna3">
<div id="columna3-top"></div>
<div id="columna3-middle"></div>
<div id="columna3-bottom"></div>
</div>
</div>
y una breve explicacion
son 3 divs padres (columna1 - 2- 3)
dentro e cada div padre tengo otros divs, que es donde coloco una imagen de bottom, otra de top y lo del medio que es donde iria el contenido
El contenedor tiene una anchura de 900px
distribuido entre los 3 divs padres, no superan los 900px, pero la tercer columna se me baja.
Esto solo con IE6, con ie7 en adelante todo bien
Que podra hacer???, ya revise y revise, quite margenes, etc etc... y no se arregla.
Ayuda porfa...