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>