Foros del Web » Creando para Internet » CSS »

resize divs

Estas en el tema de resize divs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/08/2010, 12:35
 
Fecha de Ingreso: julio-2009
Mensajes: 42
Antigüedad: 8 años, 4 meses
Puntos: 3
resize divs

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>
  #2 (permalink)  
Antiguo 21/08/2010, 02:27
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: resize divs

Hola:

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

Código HTML:
Ver original
  1. <div class="contenedor">
  2.     <div class="izquierda"></div>
  3.     <div class="derecha"></div>
  4.     <div class="centro"> </div>
  5. </div>

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

Código CSS:
Ver original
  1. .centro{
  2.     background:#e0e0e0;
  3.     min-width:400px;
  4.     height:400px;
  5.     width:100&#37;;
  6. }

Saludos.


Etiquetas: resize
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:06.