960 Grid System duda para ajustar cajas

[itig]

Hola a todos,
tengo una duda que me ha surgido utilizando el 960gs: tengo un grid_12 y dentro anido dos divs grid_8 cada uno y mi intención es que queden pegados a la pared del div contenedor, pero si le aplico las clases alpha y omega, me elimina los márgenes, pero no se modifica el width.

La duda es si 960gs tiene algún recurso para que se ajusten automáticamente los anchos al usar alpha y omega o es un ajuste que me toca hacer por mi cuenta.

El código que utilizo es éste:

Código HTML:

<div id="main" class="container_16">
  <div id="sidebar" class="grid_4 alpha"></div>
  <div id="content" class="grid_12">
	<!-- Éstos bloques deberían quedar pegados a las paredes de su contenedor -->
        <div class="grid_8 bloque_home"></div>
        <div class="grid_8 bloque_home"></div>
  </div>
</div> 

Muchas gracias.

[daenor]

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

Inicialmente, deberia ser asi:

Código HTML:

<div class="container_16">
      <div class="grid_4"></div>
      <div class="grid_12"></div>
      <div class="clear"></div>
      <!-- recuerda cuando cierras una linea, usar un clear -->
 
      <div class="grid_8"></div>
      <div class="grid_8"></div>
</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:

<div class="container_16">
      <div class="grid_4"></div>
      <div class="grid_12">
            <div class="grid_12 alpha omega"></div>
            <div class="grid_12 alpha omega"></div>
       </div>
</div>
 

Si quieres que haya dos modulos pegados:

Código HTML:

<div class="container_16">
      <div class="grid_4"></div>
      <div class="grid_12">
            <div class="grid_6 alpha"></div>
            <div class="grid_6 omega"></div>
       </div>
</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!

[itig]

Hola daenor, lo primero gracias por contestar, pero creo que no me has entendido del todo.

Mi código no está mal, solo que tengo dos grid_8 anidados dentro de un grid_12. Ésto es posible, ya que estoy utilizando el 960gs con unidades relativas en vez de en píxeles, por lo que cuando anido otros elementos, el grid_12 puede volver a tener 16 columnas (8+8).

El recurso del 960percent: http://www.desarrolloweb.com/articul...ve-design.html por si a alguien le puede resultar útil.

En éste post explica el uso de las clases alpha y omega al anidar divs con el 960: http://www.desarrolloweb.com/articul...-960-grid.html

Mi duda, es cómo ajustar el ancho de mis dos grid_8 anidados, ya que al utilizar las clases alpha y omega, elimino márgenes, pero el ancho de los divs sigue siendo el mismo.

[daenor]

Has probado editando el css?

[itig]

Jaja, sí claro, esa es la opción que tengo en la recámara, pero la pregunta es si 960gs ofrece algún recurso para evitarme eso.