Ajustar un div central al espacio que disponga.

Citar

Escrito el 16 May 2012 04:40 pm

Hola tengo tres divs

<div id="left"></div>
<div id="center"></div>
<div id="rigth"></div>

donde los divs de los extremos tiene un ancho fijo digamos 40px, quiero que el div del centro se ajute al tamaño que quede entre los dos. Esto se puede lograr? teniendo en cuenta la resolucion de las pantallas.

saludos

Por RIVERMILLOS

50 de clabLevel

Envíale un mensaje privado

Citar

Escrito el 16 May 2012 05:06 pm

Código HTML :

<style type="text/css">
#left {
   float: left;
   background-color: blue;
   width: 40px;
   height: 100px;
}
#center {
   background-color: #ccc;
   height: 100px;
}
#right {
   float: right;
   background-color: red;
   width: 40px;
   height: 100px;
}
.clear {
   clear: both;
}
</style>
<body>
<div id="left"></div>
<div id="right"></div>
<div id="center">
   <p>Esto es el div central</p>
</div>
<div class="clear"></div>
</body>

Servidor señor

.

El único detalle es que tienes que darle un alto fijo a los div's.

A propósito, escribiste mal "right"...

Por DriverOp

Claber

2510 de clabLevel

Envíale un mensaje privado Web

Citar

Escrito el 17 May 2012 12:45 pm

Funciono muy bien gracias!!

saludos

Por RIVERMILLOS

50 de clabLevel

Envíale un mensaje privado

Ajustar un div central al espacio que disponga.

Escribe una respuesta rapida