Anchos Divs

[lcervantes]

Hola compañeros
tengo este css

Código:

<style type="text/css">
 #contenedor1{border:1px solid black; width:100%;display:block}
 #uno {border:1px solid green; width:100px;float:left}
 #dos{border:1px solid red;float:left}
 #tres{border:1px solid green;width:100px;float:right}
</style>


<DIV id=contenedor1>
  <DIV id=uno>UNO</DIV>
  <DIV id=dos align="center">DOS</DIV>
  <DIV id=tres>TRES</DIV>
</DIV>

Quiero:
- que los div uno, dos y tres estén en la misma línea.
- que el div uno este a la izquierda el dos centrado y el tres a la derecha
- que el div dos ocupe de ancho el excedente, ya que el uno son 100px y el tres 100px

Cuando manejas los width directamente en el código html tenias la probabilidad de poner * para decirle que te ocupe el resto de lo que queda. Ahora sabéis si al incluirlo en el las css es posible o se coloca de alguna otra manera.


Alguna idea...

Muchas gracias
Luis

[SiR.CARAJ0DIDA]

este codigo es típico

Código:

<style type="text/css">
 #contenedor1{border:1px solid black;}
 #uno {border:1px solid green; width:100px;float:left}
 #dos{border:1px solid red; margin-left:100px; margin-right:100px;}
 #tres{border:1px solid green;width:100px;float:right}
</style>


<DIV id=contenedor1>
  <DIV id=uno>UNO</DIV>
  <DIV id=tres>TRES</DIV>
  <DIV id=dos>DOS</DIV>
</DIV>