Foros del Web » Creando para Internet » CSS »

Anchos Divs

Estas en el tema de Anchos Divs en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/05/2006, 05:01
Avatar de lcervantes  
Fecha de Ingreso: abril-2002
Mensajes: 137
Antigüedad: 21 años, 11 meses
Puntos: 0
Anchos Divs

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
  #2 (permalink)  
Antiguo 20/05/2006, 09:01
Avatar de SiR.CARAJ0DIDA  
Fecha de Ingreso: junio-2004
Ubicación: Acá
Mensajes: 1.166
Antigüedad: 19 años, 8 meses
Puntos: 4
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>
__________________
Internet Explorer SuckS
Download FireFox
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 05:47.