[html][css] Wysokośc diva w zalezności od wysokości zdjęcia Opcje

[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:

[HTML] pobierz, plaintext 
<div id="show">
<div class="part">
<div class="element">
	<img src="gallery/zdjecia/miniatury/mini_Obraz023.jpg" alt="">
	<div class="smal_panel">
		<center><input name="costam" type="checkbox">Dodaj</center>
	</div>
</div>
 
<div class="element">
	<img src="gallery/zdjecia/miniatury/mini_DaisyMarie1920X1200SexyWallpaper.jpg" alt="">
	<div class="smal_panel">
		<center><input name="costam" type="checkbox">Dodaj</center>
	</div>
</div>
 
<div class="element">
	<img src="gallery/zdjecia/miniatury/mini_Obraz034.jpg" alt="">
	<div class="smal_panel">
		<center><input name="costam" type="checkbox">Dodaj</center>
	</div>
</div>
 
<div class="element">
	<img src="gallery/zdjecia/miniatury/mini_Obraz001.jpg" alt="">
	<div class="smal_panel">
		<center><input name="costam" type="checkbox">Dodaj</center>
	</div>
</div>
</div>
</div>
[HTML] pobierz, plaintext 

i ostylowanie:

[HTML] pobierz, plaintext 
div#show{
width: 400px;
height: 175px;
border: 1px solid #FFA799;
margin-left: 80px;
padding: 3px;
background-color: #F7F7F7;
}
div.element{
width: auto;
height: auto;
margin-top: 3px;
float: left;
margin-left: 2px;
margin-right: 2px;
border: 1px solid #CFCFCF;
}
div.part{
width: 100%;
height: auto;
height: auto !important; 
margin-left: auto;
margin-right: auto;
background-color: red;
margin-bottom: 4px;
}
[HTML] pobierz, plaintext 

Z góry dzięki za pomoc (IMG:style_emoticons/default/smile.gif)

[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.

Ten post edytował bagsiur 26.10.2010, 09:05:00