Tema: Problema acomodando divs
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 08/10/2013, 14:26
Avatar de pzin
pzin
Moderata 😈
  
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Problema acomodando divs
Entonces tal vez te venga mejor usar multicolumnas CSS o tal vez alguna cosa en JavaScript tipo masonry.

Las multicolumnas sería algo así:

Código HTML: 
Ver original
  1. <section>
  2.     <div class="noticia"></div>
  3.     <div class="noticia"></div>
  4.     <div class="noticia"></div>
  5.     <div class="noticia"></div>
  6.     <div class="noticia"></div>
  7. </section>

Código CSS: 
Ver original
  1. section {
  2.   column-count: 3;
  3.   column-gap: 10px;
  4. }
  5.  
  6. div.noticia {
  7.   margin-bottom: 10px;
  8.   column-break-inside : avoid;
  9. }



http://jsfiddle.net/uq3kF

Com ves es un poco diferente al planteamiento inicial. También tendrías que ver un poco la compatibildad; http://caniuse.com/multicolumn