Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/09/2012, 10:17
daenor
 
Fecha de Ingreso: diciembre-2004
Mensajes: 197
Antigüedad: 19 años, 5 meses
Puntos: 1
Respuesta: 960 Grid System duda para ajustar cajas

Bueno, veo que hay algo de raro en lo que posteas.

Inicialmente, deberia ser asi:
Código HTML:
Ver original
  1. <div class="container_16">
  2.       <div class="grid_4"></div>
  3.       <div class="grid_12"></div>
  4.       <div class="clear"></div>
  5.       <!-- recuerda cuando cierras una linea, usar un clear -->
  6.  
  7.       <div class="grid_8"></div>
  8.       <div class="grid_8"></div>
  9. </div>

Eso seria una forma correcta, ahora, lo que veo es que intentas meter 2 bloques de 8 modulos, dentro de uno de 12. eso hará que uno de los modulos pase a una segunda linea porque 8+8= 16.

Creo que la solucion es bastante simple:

Si quieres que haya dos lineas pegadas:
Código HTML:
Ver original
  1. <div class="container_16">
  2.       <div class="grid_4"></div>
  3.       <div class="grid_12">
  4.             <div class="grid_12 alpha omega"></div>
  5.             <div class="grid_12 alpha omega"></div>
  6.        </div>
  7. </div>


Si quieres que haya dos modulos pegados:
Código HTML:
Ver original
  1. <div class="container_16">
  2.       <div class="grid_4"></div>
  3.       <div class="grid_12">
  4.             <div class="grid_6 alpha"></div>
  5.             <div class="grid_6 omega"></div>
  6.        </div>
  7. </div>


Y creo que eso resolveria tus problemas :)
Te recomiendo que repases el listado de clases en la pagina de la grilla 960, o aun mejor:
http://net.tutsplus.com/tutorials/ht...0-grid-system/
Este ultimo link explica paso a paso como manejar la grilla y magico!!!!! :D

Slds!
__________________
Diseñador y Desarrolador en Proyecto81 WebStudio