Tema: posicionamiento div
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 21/10/2011, 14:59
Avatar de Oscar_Hidro
Oscar_Hidro
 
Fecha de Ingreso: septiembre-2011
Ubicación: Aguascalientes, Mexico.
Mensajes: 200
Antigüedad: 13 años, 3 meses
Puntos: 25
Respuesta: posicionamiento div
No termino por entender cual es la función de que la columna 1 aumente su tamaño, eso si de plano no o entendi hermano. Y tampoco no entendi muy bien el fin de las otras dos columnas.

Se supone que tu en el css vas a establecer una medida estandar para cada columna, como lo hiciste, pero me doy cuenta que no estableciste una medida estandar para tu contenedor principal(#container).

Código CSS: 
Ver original
  1. #container {
  2. width:960px;
  3. /*margin:0 auto;
  4. margin-left: 90px;
  5. margin-right: 20px;
  6. margin-top: 10px;
  7. padding-top:10px;
  8. background:white;
  9. border-radius: 10px;
  10. -moz-border-radius: 10px; */
  11. }
  12.  
  13. #izq{   width:300px; float:left;}
  14. #der{   width:660px; float:rigth; display:inline-block; }
  15.  
  16. #container_1 {
  17. width:300px;
  18. border:#000000 1px solid;
  19. }
  20. #container_2 {
  21. float:left;
  22. width:328px;
  23. border:#000000 1px solid;
  24. }
  25. #container_3 {
  26. float: right;
  27. border:#000000 1px solid;
  28. width:328px;
  29. }

Código HTML: 
Ver original
  1. <body>
  2. <div id="container">
  3.     
  4.     <div id="izq">
  5.         <div id="container_1"> 
  6.         {% placeholder "main_1" %} 
  7.         </div>
  8.     </div>
  9.  
  10.     <div id="der">
  11.  
  12.         <div id="container_2"> 
  13.             {% placeholder "main_2" %} 
  14.         </div>
  15.  
  16.     <div id="container_3"> 
  17.         {% placeholder "main_3" %} 
  18.     </div>
  19.     
  20.     <br class="clearBoth" />
  21.     </div>
  22.  
  23. </div>

prueba con algo como esto, donde defines el largo de tu pantalla en el #container con 960px, y sobre eso, defines la medida de cada bloque. Si vas a insertar algun banner, solo es cuestion de que lo metas dentro del div correspondiente en una medida inferior a ese bloque