[CSS]float a brak height div rodzica ... Opcje

[Agape]

Z tymi floatami nie moge dojść do porozumienia ...

[HTML] pobierz, plaintext 
<div class="pod_menu">
	<div class="transparent">
		<div class="transparent-text">
			a<br><br><br><br><br><br><br>
		</div>
		<div class="transparent-text">
			a
		</div>
	</div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.pod-menu{
	width: 385px; 
	margin-top: -30px; 
	padding-top: 9px; 
	position: fixed; 
	background: url('images/arrow.png') no-repeat;
}
 
.transparent{
	background-color: #2e2521;
	-moz-opacity:0.80;
	-khtml-opacity: 0.80;
	filter:alpha(opacity=80);
	opacity: 0.80;
}
 
.transparent-text{
	background-color: #2e2521;
	float: left;
	width: 192px;
}
[CSS] pobierz, plaintext 

i pole transparent które ma tło nie ma wysokości. Jak wezme tlo dla transparent-text sa za to rozne wysokosci. Float to powoduje.
Tu jest screen:
(IMG:http://my.jetscreenshot.com/demo/20100606-kv7f-7kb.jpg)

Oczywiście potrzebuje, żeby pole .transparent było "jednej wysokości", ale nie moge dojść z tymi float ...
Gdy dam clear: both do .transparent, nic to nie daje ...

[pedro84]

Nadaj rodzicowi overflow:hidden i będzie działac.

@down: Proszę.

PS To nie tag (IMG:style_emoticons/default/tongue.gif)

Ten post edytował pedro84 6.06.2010, 15:22:51