Gracias LucasAddams, tu comentario fue mas constructivo que el de la persona anterior.
La estoy armando como me dices, pero se me presento un problema. ¿como puedo hacer para que las divisiones principales me quede una debajo de la otra? es decir
pegadas entre fila 1 y fila 2?
Tengo esto:
<body>
<div id="fila1">
<div id="f1g1" style=""></div>
<div id="f1g2"></div>
<div id="f1g3"></div>
</div>
<div id="fila2">
<div id="f2g1" style=""></div>
<div id="f2g2"></div>
<div id="f2g3"></div>
<div id="f2g4"></div>
</div>
</body>
gracias de antemano