ugrás a tartalomhoz

Befoglaló div magassága igazodjon a tartalomhoz

Anonymous · 2006. Aug. 13. (V), 21.25
Sziasztok.

Van egy html file-om:

<div id="wrapper"><!-- Tartó div eleje -->
<div id="content"><!-- Tartalom eleje -->

			<div id="left">
			</div>

			<div id="right">
			</div>

</div><!-- Tartalom vége -->
</div><!-- Tartó div vége -->


#wrapper {
	margin: 0px auto 15px auto;
	width: 800px;
	height: auto;
	border-bottom: 1px solid blue;
}

#content {
	margin: 1px 0 0 0;
	border-top: 3px solid #3296dc;
}

#left {
	float: left;
	width: 600px;
	height: 430px;
	background: #ff9900;
}

#right {
	float: right;
	width: 190px;
	background: blue;
	height: 230px;
}
Mivel nem müködik, vagyis a wrapper nevű div nem nyúlik együtt a tartalommal, így nyilván valamit hibásan csináltam. Mi lehet a gond?
‹ Opera és Firefox 10-20px-szel az Explorernél lejjebb tol elemeket Hogy küldjem át IE-ben a select értékét JS-ből? ›
 ■
1

overflow

Anonymous · 2006. Aug. 14. (H), 10.28
Ha minden igaz akkor a content-nek sem kellene nyúlnia, úgyanis a belső left, right diveket "lebegteted", ezért ilyenkor a befoglaló div nem veszi fel a lebegő divek magasságát, megoldás: overflow: auto a content-nek és a wrapper-nek is. (height: auto pedig nem kell)
2

sztem

Anonymous · 2006. Aug. 14. (H), 13.20
elég csak a contentnek egy overflow érték,
lehet hidden is ha a befoglaló
diveknek nincs fix magasságuk.
plusz még egy clear: both; sem árt.
3

csak clear

Fekete Ferenc GDA · 2006. Aug. 14. (H), 20.35
csak egy clear: both tulajdonságú div kell a right után és kész. Bár én jobban szeretem a clearfix-hacket, ami plusz div elem nélkül csinálja a cleart.