Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html][css] Wysokośc diva w zalezności od wysokości zdjęcia
Forum PHP.pl > Forum > Po stronie przeglądarki
bagsiur
Witam mam następujący problem. Tworze skrypt galerii ze zdjęciami których wysokość nie jest określona. Zdjęcia maja być wyświetlane po 4 w rzędzie ilość rzędów tez nie jest określona. Jednak każdy rząd powinien miec wysokość według najwyższego zdjęcia. Niestety nie mogę uzyskać tego efektu.

Oto kod:

  1. <div id="show">
  2. <div class="part">
  3. <div class="element">
  4. <img src="gallery/zdjecia/miniatury/mini_Obraz023.jpg" alt="">
  5. <div class="smal_panel">
  6. <center><input name="costam" type="checkbox">Dodaj</center>
  7. </div>
  8. </div>
  9.  
  10. <div class="element">
  11. <img src="gallery/zdjecia/miniatury/mini_DaisyMarie1920X1200SexyWallpaper.jpg" alt="">
  12. <div class="smal_panel">
  13. <center><input name="costam" type="checkbox">Dodaj</center>
  14. </div>
  15. </div>
  16.  
  17. <div class="element">
  18. <img src="gallery/zdjecia/miniatury/mini_Obraz034.jpg" alt="">
  19. <div class="smal_panel">
  20. <center><input name="costam" type="checkbox">Dodaj</center>
  21. </div>
  22. </div>
  23.  
  24. <div class="element">
  25. <img src="gallery/zdjecia/miniatury/mini_Obraz001.jpg" alt="">
  26. <div class="smal_panel">
  27. <center><input name="costam" type="checkbox">Dodaj</center>
  28. </div>
  29. </div>
  30. </div>
  31. </div>


i ostylowanie:
  1. div#show{
  2. width: 400px;
  3. height: 175px;
  4. border: 1px solid #FFA799;
  5. margin-left: 80px;
  6. padding: 3px;
  7. background-color: #F7F7F7;
  8. }
  9. div.element{
  10. width: auto;
  11. height: auto;
  12. margin-top: 3px;
  13. float: left;
  14. margin-left: 2px;
  15. margin-right: 2px;
  16. border: 1px solid #CFCFCF;
  17. }
  18. div.part{
  19. width: 100%;
  20. height: auto;
  21. height: auto !important;
  22. margin-left: auto;
  23. margin-right: auto;
  24. background-color: red;
  25. margin-bottom: 4px;
  26. }



Z góry dzięki za pomoc smile.gif
AdIoS_Neo
Witaj, mógł byś wrzucić screena jak u Ciebie to wygląda ew. rozrysować np. w Paincie jaki efekt chcesz uzyskać ? Bo patrząc na te reguły w css to już nie wiem o co Ci do końca chodzi : )
bagsiur
W skrócie chodzi mi o to żeby wysokość diva ustawiała sie automatycznie (height: auto;) w zależności od wstawionego w nim zdjęcia. height: auto, nie działa....

ok znalazłem rozwiązanie, wystarczy dodać do stylu zdjęcia clear: both;

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.