DIV + scroll problem Opcje

[b4dm45h]

Witam, siedzę i siedzę i poradzić sobie nie mogę z pewnie i banalnym problemem. Otóż chce żeby lewy div rozciągał się w stosunku do prawego gdy jego treść przekroczy wysokość okna i zaczniemy używać suwaka, pod IE działa a pod innymi niestety nie.. Oto kod:

[HTML] pobierz, plaintext 
<div style="position: relative; margin: 0 auto; width: 100%; height: 100%; background-color:#009966;">
<div style="position: absolute; top: 0; left: 0; bottom: 0; width: 25%; height: 100%; background-color:#CC6666;">
Nie rozciąga się wzgledem prawego pod FF 
</div>
<div style="float: right; width: 74%; background-color:#993399;">
Lewy div powinien rozciagac sie wg wysokosci tego diva<br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> 
</div>
[HTML] pobierz, plaintext 

prosiłbym o pomoc

[Damonsson]

Kompletnie źle myślisz. Poczytaj jakieś kursy CSS.

[HTML] pobierz, plaintext 
 
html, body {
margin: 0; 
padding: 0;
width:100%;
height:100%;
}
 
#tlo {
	background: #00f;
	width:100%;
	height:100%;
}
#glowny {
	background: #f00;
}
#tresc {
	margin-left: 150px;
	background: #0f0;
}
#lewa {
	width: 150px;
	float: left;
	background: #f00;
}
#stopka {
	background: #000;
}
 
 
 
	<div id="tlo">
		<div  id="glowny">
				<div id="lewa">
				lalalalalalalala
				</div>
 
				<div id="tresc">
				Lewy div powinien rozciagac sie wg wysokosci tego diva  <br> <br> <br> <br> <br> <br> <br> <br> <br> 
				</div>
		</div>
		<div  id="stopka">sdfasdasda</div>
	</div>
[HTML] pobierz, plaintext 

Ten post edytował Damonsson 23.06.2010, 13:51:17