resize divs

[kbmaster]

El problema que tengo es el siguente, tengo una pagina con tres columnas verticales, la altura de las mismas se adapta a su contenedor; las dos columnas de los extremos tienen ancho fijo 200px, pero la del centro deve adecuarse al espacio que le queda y tener un ancho minimo de 300px. La idea es q lo que se ve en la pagina se ajuste a la resulucion y que cuando el usuario redimenciona la ventana del navegador el contenido tambien se ajuste hasta cierto limite -cuando la columna central alcanza los 300px de ancho- les dejo parte del codigo para q se comprenda mejor ... encontre varios ejemplos en el foro pero no he logrado ajustarlos a mis nececidades ...desde ya gracias.


.contenedor {overflow:hidden; background:#444; width:100%; height:700px; }

.izquierda
{
width:180px;
height:400px;
background:#91D0D0;
float:left;
}

.derecha
{
width:180px;
height:400px;
background:#91D0D0;
float:right;
}


.centro
{
background:#e0e0e0;
min-width:400px;
height:400px;
margin-right:190px;
margin-left:190px;
width:100%;
}





<div class="contenedor">

<div class="izquierda"></div>

<div class="centro"> </div>

<div class="derecha"></div>

</div>

[jomaruro]

Hola:

Coloca en tu HTML el div .centro al final, es decir:

Código HTML:

<div class="contenedor">
    <div class="izquierda"></div>
    <div class="derecha"></div>
    <div class="centro"> </div>
</div>
 

De paso, en el CSS, suprimiría del div .centro los margenes left y right y lo dejaría así:

Código CSS:

.centro{
    background:#e0e0e0;
    min-width:400px;
    height:400px;
    width:100%;
}
 

Saludos.