Forum PHP.pl

Witam.

Mam problem z odpowiednim ułożeniem elementów float w moim kodzie.

Ogólnie teraz wygląda to wszystko tak:



Jak widać, ten div po lewej stronie jest rozciągnięty (numer 1) do wielkości tego po prawej stronie. Następny div (numer 2) jest już normalnych rozmiarów. Chcę aby div 1 miał taką samą wysokość jak div 2, jednak nie potrafię tego zrobić w kodzie.

Oto mój kod:

[HTML] pobierz, plaintext 
		<div id="RightBox"><div class="Title">Informacje</div><br>Tutaj jest dużo tekstu na wysokość tego diva</div>
		<div id="movie">
			<a style="font-size: 130%; text-decoration: none; font-weight: bold; color: #33A1DE;" href="#">Wada ukryta / Inherent Vice (2014)</a><br><br>
			<div style="height: 200px;">
				<div style="width: 70%; height: 200px; float: right; margin-top: 6%;">
					W życiu prywatnego detektywa Doca Sportello niespodziewanie pojawia się jego była żona. Raczy go przy okazji opowieścią o swoim aktualnym chłopaku, deweloperze-miliarderze, w którym akurat jest zakochana, oraz snutej przez jego żonę i jej kochanka intrydze mającej na celu porwanie miliard... <b>[ Czytaj więcej ] ť</b>
				</div>
				<div style="border: 1px solid #33A1DE; border-radius: 5px; padding: 1px; background: #33A1DE; height: 200px; width: 150px;">
					<img src="image.jpg">
				</div>
			</div>
			<div style="clear: both;"></div>
			<div style="background: grey; border: 1px solid #000; padding: 1px; margin: 3px;">hehe</div>
		</div>
		<div id="movie">
			<a style="font-size: 130%; text-decoration: none; font-weight: bold; color: #33A1DE;" href="#">Wada ukryta / Inherent Vice (2014)</a><br><br>
			<div style="height: 200px;">
				<div style="width: 70%; height: 200px; float: right; margin-top: 6%;">
					W życiu prywatnego detektywa Doca Sportello niespodziewanie pojawia się jego była żona. Raczy go przy okazji opowieścią o swoim aktualnym chłopaku, deweloperze-miliarderze, w którym akurat jest zakochana, oraz snutej przez jego żonę i jej kochanka intrydze mającej na celu porwanie miliard... <b>[ Czytaj więcej ] ť</b>
				</div>
				<div style="border: 1px solid #33A1DE; border-radius: 5px; padding: 1px; background: #33A1DE; height: 200px; width: 150px;">
					<img src="image.jpg">
				</div>
			</div>
			<div style="clear: both;"></div>
			<div style="background: grey; border: 1px solid #000; padding: 1px; margin: 3px;">hehe</div>
		</div>
		<div style="clear: both;"></div>
[HTML] pobierz, plaintext 

I tutaj klasy:



Może mnie ktoś nakierować jak to zrobić, aby było tak jak chcę?
Dzięki.

Ten post edytował Mody23 2.04.2015, 10:55:38