Que hace el overflow:auto ??
Sigue pasando lo de antes, no es que desarma sino que aparece un "espacio blanco" entre las dos columnas.
Te dejo como me quedo el css
Código css:
Ver originalbody { margin:0;}
#todo{
min-width:1024px;
max-width:1366px;}
#contenido {
}
#header{
height:200px;
overflow:hidden;
width:auto;
}
#cuerpo {
position: relative;
/*background: #CC3300;*/
width: 100%;
min-width: 1024px;
width: expression(document.body.clientWidth < 1025? "1024px": "auto" );
max-width: 1300px;
width: expression(document.body.clientWidth > 1301? "1300px": "auto");
/*overflow: auto;*/
margin: 0 auto;
height:900px;
}
#colizq{
height:900px;
float:left;
position:absolute;
width:600px;
/*background-color:#F00;*/}
#colder{
height:800px;
float:right;
width:40%;
background-color:#360;
}
#footer{
margin-top:20px;
bottom:25px;
height:300px;
background-color:#000;
}
Aclaro que el width 40% lo cambie recien para ver que pasaba, pero elwidth ahi siendo 40 % o 400px es lo mismo.
Nose por donde encarar el problema, ese es mi lio.
Tambien probe cambiando el css de esta manera
Código css:
Ver originalbody { margin:0;}
#todo{
position: relative;
/*background: #CC3300;*/
width: 100%;
min-width: 1024px;
width: expression(document.body.clientWidth < 1025? "1024px": "auto" );
max-width: 1300px;
width: expression(document.body.clientWidth > 1301? "1300px": "auto");
overflow: auto;
margin: 0 auto;}
#contenido {
}
#header{
height:200px;
overflow:hidden;
width:auto;
}
#cuerpo {
width:1000px;
height:900px;
margin: 0 auto;
}
#colizq{
height:900px;
float:left;
position:absolute;
width:600px;
/*background-color:#F00;*/}
#colder{
height:800px;
float:right;
width:40%;
background-color:#360;
}
#footer{
margin-top:20px;
bottom:25px;
height:300px;
background-color:#000;
}
Queda bastante mejor,pero me sucede en las dos columnas del header lo mismo, que se deslizan los divs internos segun el tamaño del explorador, y lo mismo en el footer. Pero igualmente, queda muy bien asi.
Graciaas nuevamente