Foros del Web » Creando para Internet » CSS »

alineación horizontal de 2 divs sin flotar

Estas en el tema de alineación horizontal de 2 divs sin flotar en el foro de CSS en Foros del Web. Buenas amigos. Primero de todo gracias de antemano. Me gustaria saber si es posible alinear dos divs sin usar float:left. Me explico @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código ...
  #1 (permalink)  
Antiguo 23/11/2009, 10:51
 
Fecha de Ingreso: julio-2008
Ubicación: Alcañiz-Teruel-España
Mensajes: 182
Antigüedad: 9 años, 5 meses
Puntos: 5
alineación horizontal de 2 divs sin flotar

Buenas amigos.

Primero de todo gracias de antemano.

Me gustaria saber si es posible alinear dos divs sin usar float:left. Me explico

Código css:
Ver original
  1. #pagina
  2. {
  3.     width:400px;
  4. }
  5. #contenido
  6. {
  7.     width:300px;
  8.     float:left;
  9. }
  10. #menu
  11. {
  12.     width:100px;
  13.     float:left;
  14. }

Código html:
Ver original
  1. <div id="pagina">
  2.     <div id="contenido">
  3.     </div>
  4.     <div id="menu">
  5.     </div>
  6. </div>

Con este código consigo alinear la caja contenido y la caja menu horizontalmente. El problema esta en que al estar flotadas la caja padre, pagina, no crece proporcionalmente al crecimiento de sus cajas hijas. Yo necesito ambos comportamientos, es decir, alineacion horizontal y crecimiento proporcional. No me gustaria tener que usar tablas para maquetarlo.

Tienen idea de como conseguir esto.

Muchas gracias
__________________
Si quieres puedes y si puedes debes. Imposible is nothing!!!
  #2 (permalink)  
Antiguo 23/11/2009, 11:08
 
Fecha de Ingreso: agosto-2008
Mensajes: 469
Antigüedad: 9 años, 3 meses
Puntos: 20
Respuesta: alineación horizontal de 2 divs sin flotar

Prueba a echarle un vistazo al siguiente ejemplo, creo que te pude orientar hacia conseguir el resultado que deseas.

www(punto)araudi.net/ejemplos/columnas_equilibradas.html

Saludos¡¡
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 01:21.