Tema: Ayuda: como colocar 2 divs juntos, uno ancho fijo el otro variable
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 17/07/2009, 12:15
jonee
 
Fecha de Ingreso: julio-2009
Mensajes: 19
Antigüedad: 14 años, 9 meses
Puntos: 0
Respuesta: Ayuda: como colocar 2 divs juntos, uno ancho fijo el otro variable
Cita:
Iniciado por kseso? Ver Mensaje
Hola jonee:
Eso que buscas es la estructura típica de página multicolumna.
Pero al no tener una idea global de lo que quieres hacer, es difícil imposible hacer una composición que se ajuste al 100% a lo que necesitas.
Un ejemplo sencillo de contenedor general en %, una columna a la derecha de anchura fija y a la izquierda otra que ocupa el resto.
Código html: 
Ver original
  1. <style type="text/css">
  2. *{margin:0;padding:0; outline:none; border:0; position: relative;}
  3.  
  4. #contenedor { background: #cdcdcd; height:28px; width:75%; margin:0 auto; overflow:auto; border:1px solid #444;}
  5. #uno {height:28px;display: inline;}
  6. #dos {width:5px; height:28px; float:right; background:#660;}
  7. #uno p {margin: .5em}
  8. </style>
  9. </head>
  10. <body>
  11. <div id="contenedor">
  12. <div id="dos">
  13. </div>
  14. <div id="uno">
  15. <p>el de la izquierda</p>
  16. </div>
  17. </div>
  18. </body>
  19. </html>

Hay muchas realizaciones de diseños multicolumna, unas con anchuras fijas y otras adaptativas a la ventana:


Un saludo
el "display: inline;" del #uno no me permite agregarle el Background.
Por loslinks, ahora los chequeo, gracias.