Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z wyrównaniem DIV'ów!
Forum PHP.pl > Forum > Przedszkole
haber1991
Witam wszystkich forumowiczów,

Jestem w trakcie tworzenia strony internetowej (Nie posiadam największego doświadczenia, dlatego mam problem). Otóż: Tworzę w pętli while(){} kilkakrotnie tego samego diva o stałej szerokości i zmiennej wysokości. Używam funkcji float:right, w celu rozstawienia div'ów obok siebie. W momencie przekroczenia szerokości strony - divy automatycznie przeskakują na dół, co też chciałem osiągnąć. Ale niestety nie potrafię wyrównać diva do diva będącego powyżej Niego. Słownie ciężko wytłumaczyć o co mi chodzi, dlatego zamieszczam obrazek (w linku), przedstawiający mój problem i cel, który pragnę osiągnąć.

http://img594.imageshack.us/img594/3220/problemcel.jpg
lobopol
Nie zrobisz tego tak. Musisz zrobić coś takiego:

  1. .column{ float:left}
  2. <div class="column">
  3. <div>asdsad</div>
  4. <div>asdsad</div>
  5. <div>asdsad</div>
  6. <div>asdsad</div>
  7. </div>
  8. <div class="column">
  9. <div>asdsad</div>
  10. <div>asdsad</div>
  11. <div>asdsad</div>
  12. <div>asdsad</div>
  13. </div>
  14. <div class="column">
  15. <div>asdsad</div>
  16. <div>asdsad</div>
  17. <div>asdsad</div>
  18. <div>asdsad</div>
  19. </div>
  20. <div class="column">
  21. <div>asdsad</div>
  22. <div>asdsad</div>
  23. <div>asdsad</div>
  24. <div>asdsad</div>
  25. </div>
pitu
Zainteresuj się pluginem Masonry

http://masonry.desandro.com/
haber1991
Bardzo dziękuję za pomoc, Masonry okazał się być strzałem w dziesiątkę, jednakże nie do końca wiem jak uruchomić taki plugin.

Pozdrawiam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.