Tema: Ayuda: como colocar 2 divs juntos, uno ancho fijo el otro variable
Ver Mensaje Individual
  #18 (permalink)  
Antiguo 18/08/2014, 21:32
crisnueve
 
Fecha de Ingreso: noviembre-2008
Mensajes: 8
Antigüedad: 15 años, 6 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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <head>
  4. <title>Kseso? jugando con css </title>
  5. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  6. <style type="text/css">
  7. *{margin:0;padding:0; outline:none; border:0; position: relative;}
  8.  
  9. #contenedor { background: #cdcdcd; height:28px; width:75%; margin:0 auto; overflow:auto; border:1px solid #444;}
  10. #uno {height:28px;display: inline;}
  11. #dos {width:5px; height:28px; float:right; background:#660;}
  12. #uno p {margin: .5em}
  13. </style>
  14. </head>
  15. <body>
  16. <div id="contenedor">
  17. <div id="dos">
  18. </div>
  19. <div id="uno">
  20. <p>el de la izquierda</p>
  21. </div>
  22. </div>
  23. </body>
  24. </html>

Hay muchas realizaciones de diseños multicolumna, unas con anchuras fijas y otras adaptativas a la ventana:
[URL]http://matthewjamestaylor.com[/URL]
[URL]http://www.cssplay.co.uk/layouts[/URL]
[URL="http://www.araudi.net"]www.araudi.net[/URL]

Un saludo
Buen día, kseso? porfa ayúdeme con una cosa, es que necesito exactamente esto que usted puso. Que mi contenido se ajuste a la barra derecha (la barra derecha tiene un ancho fijo).
El contenido debería aparecer en la pantalla completa o ajustarse si la barra lateral existe.

Estoy trabajando en Drupal y la página es esta: http://revistalabarra.com.co/nuevo/
Cuando se ingresa, primeramente no sé porque los artículos no quedan bien pegados, sino que quedan huecos entre ellos :/

En el inicio aparece el contenido en la pantalla completa, pero cuando se ingresa a un articulo, se supone que la barra de "Archivos de noticias". "Archivos de eventos" es la barra lateral derecha, si hace scroll y baja, puede observar que abajo está el artículo. Así lo puse ya que en el ejemplo está de esta forma, la barra lateral derecha arriba y la izquierda abajo, se supone que se organiza con el CSS pero no he podido! D=
Porfa mire con el asistente del navegador y me dice si hay forma de hacer lo que quiero.
Gracias!