Ver Mensaje Individual
  #10 (permalink)  
Antiguo 14/10/2009, 21:03
Avatar de cristian_cena
cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 14 años, 10 meses
Puntos: 269
Respuesta: Diseños Liquidos(Columnas)

Cita:
Iniciado por SPAWN3000 Ver Mensaje
Ahora el problema esta en los puntos(El body):
debe existir una capa fija, luego varias capas
que se van agrupando hacia abajo de dos en dos y
al final si solo hay una capa que ocupe todo el espacio.
La capa fija puede ser una clase, pero el resto debe todas
pertenecer a una segunda clase.

A...B

Donde A es fija, y en el espacio sobrante se acomoda B, luego como solo deben caber dos por fila la siguiente efectúa un salto pero no ocupa todo el ancho, solo un porcentaje, y la siguiente se acomoda junto a esta, luego existe un nuevo salto por que ya no hay mas espacio...etc.
Bien, crea un div y dale una id, luego llama esa id en <style> y aplicale la propiedad float

#mi_id_div_A {float:left, width:50%; ...} /*acomoda width a tu gusto*/
#mi_id_div_B {float:left, width:50%; ...} /**/

Sugerencia: investiga sobre la propiedad "position" de css. Buscala www.librosweb.es hay mucha info.

Disculpame, a que te refieres precisamente con "debe existir una capa fija" a lo mejor te sirva pasar por este hilo en el que dejo algunos links al respecto: http://www.forosdelweb.com/f4/como-d...2/#post3067349

Cita:
Iniciado por SPAWN3000 Ver Mensaje
No existe un número definido de cuantas capas ya que todo se recupera de una BD en forma de publicaciones.
Lamento no poder ayudarte, no se nada de bases de datos, pero supongo que puedes encontrar la forma de vincular algunos datos al divA y otros al divB

Cita:
Iniciado por SPAWN3000 Ver Mensaje
Ahora lo dificil en la ultima como ya no hay mas capas ocupa todo.
Crea un <div style="clear:both"></div> (Si, vacío) y ya los divs posteriores no se flotarán más a su alrededor

Espero te sirva, aunque no se si estoy a la altura de comprenderte muy bien.

Saludos!

Última edición por cristian_cena; 15/10/2009 a las 11:52 Razón: incluí un link que puede ser util para investigar sobre maquetacion