autoajustar div a lo que sobre de espacio?

[RIVERMILLOS]

hola tengo tres divs asi

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

Código CSS:

#left{
  background-image: url(images/template/fondo_02.png);
  width:10%;
  height:520px;
  float:left;
  max-width:103px;
  background-repeat:no-repeat;
}
#rigth{
  background-image: url(images/template/fondo_02.png);
  width:10%;
  height:520px;
  float:rigth;
  max-width:103px;
  background-repeat:no-repeat;
}
 

quiero que el div del centro se ajuste a lo que quede de espacio entro los dos divs
seria sencillo colocar 80% que es lo que sobra pero no siempre se va a cumplor por el max-width. que podria hacer?

saludos

[djaevi]

proba sacando el max-width, poner el 80% al div del medio y ponle a los 3 display:block, sino te resulta avisa que vemos como ayudarte, y pone un poco mas de codigo tambien :)

Saludos

[C2am]

Sí lo ubicas así en el html:

Código HTML:

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

no tendrías que definir el ancho del "center", y ocuparía el 80% restante.

Ahora, como defines en % al ancho de los laterales, siempre "center" será del 80%, descontando margenes+border+¿padding?.

Saludos

[RIVERMILLOS]

Muchas gracias por las respuesta, los dos tiene razon XD el problema es que me falto decir , que los divs laterales tiene un background de un tamaño especifco entonces va a queda un espacio en blanco entre los div laterales y el div central.


edito:me explico mejor , quiero que los div laterales siempre tenga el mismo tamaño uno este siempre en la parte izquierda y el otro en la derecha y que el div del centro se ajuste al espacio que quede entre los dos.

saludos