Autor Zpráva
Chavier
Profil
Zdravím, prosím o typy na vyřešení následujícího problému. Mám dva sloupce (left-box, right-box). V levém boxu mám další div a potřebuji, aby tento div byl umístěn "na dně" levého boxu. V níže uvedeném kodu jsem nastavil fixní výšku boxu a funguje to tak jak má, ale fixní být nemůže, protože se výška bude měnit podle velikosti pravého boxu. Samozřejmě by to šlo udělat javascriptem ale já hledám xhtml/css řešení.

CSS:
  <style>
 #content {
	padding: 20px;
}
#left-box {
	background: #757575;
	float: left;
	width: 100px;
	height: 290px;	
	position: relative;
	padding: 10px;
	margin-right: 10px;
}

#small-box {
	position: absolute;
	bottom: 0;
	padding: 10px;
	border: 1px solid red;
}

#right-box {
	background: #a2a2a2;
	float: left;
	width: 200px;	
	padding: 10px;
}

</style>

HTML:
<div id="content">
	<span>Obalující div</span>
	<div id="left-box">
	<span>Levý box</span>
		<div id="small-box">
			<span>Malý box</span>
		</div>
	</div>
	<div id="right-box">
	<span>Pravý box</span>
		<p>Lorem ipsum dolor sit amet consectetuer mauris velit est ante et. Donec mauris cursus pede lorem libero arcu dui dapibus condimentum ante. Enim auctor at tellus tincidunt adipiscing Fusce Proin nibh morbi quis. Quam vestibulum justo Vivamus semper lacinia justo vel aliquet vestibulum nibh. Risus fames Phasellus Curabitur Vivamus libero odio accumsan.</p>
 </div>
</div>


děkuji
Chavier

Moderátor Chamurappi: Vkládej prosím kódy mezi značky [pre] a [/pre] (stačí kliknout na ).
panther
Profil
Chavier:
levému boxu dej dostatečný dolní padding a malý box napozicuj absolutně do contentu.

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: