Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/11/2009, 10:51
matak
 
Fecha de Ingreso: julio-2008
Ubicación: Alcañiz-Teruel-España
Mensajes: 182
Antigüedad: 15 años, 8 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!!!