[CSS] Element przesuwający się wraz ze stopką Opcje

[merszel]

Witam, prawdopodobnie banalne pytanie, ale za pomoc byłbym bardzo wdzięczny.

http://img139.imageshack.us/img139/6172/stronac.jpg

Jest to płynny layout, a chodzi mi o to, żeby element koloru czerwonego przesuwał się razem ze stopką w zależności od ilości tekstu na stronie.

[Piotrwusek]

Nie wiem jak pokroiłeś sobie swoją grafikę.

Co to Twojego pytania...

Zakładając ze ciąłeś to na tabelki to porostu daj polu (zielonemu) które masz pod polem(żółtym)

Kod

height="100%"

Pamiętając żeby rodzić też miał wysokość na 100% i wtedy będzie się ono rozszerzać wraz z wielkością teksu

[seth-kk]

cerwony element wrzoc do stopki i nadaj jej ujemny margines gorny rowny wysokosci tego elementu

[drPayton]

[HTML] pobierz, plaintext 
<div>
	<div style="width:100%;height:200px;background:blue;">nagłówek</div>
	<div style="green">
		<div style="width:200px;height:200px;background:yellow;float:left;">Menu</div>
		<div>Tekst</div>
		<div style="clear:left;">
			<div style="width:200px;height:100px;background:red;">Toto nad stopką</div>
			<div style="width:100%;height:200px;background:lightblue;">stopka</div>
		</div>
	</div>
 
</div>
[HTML] pobierz, plaintext 

Tu czerwony element zawsze jest bezpośrednio nad stopką... Tak?

[merszel]

[HTML] pobierz, plaintext 
<div>
	<div style="width:100%;height:200px;background:blue;">nagłówek</div>
	<div style="green">
		<div style="width:200px;height:200px;background:yellow;float:left;">Menu</div>
		<div>Tekst</div>
		<div style="clear:left;">
			<div style="width:200px;height:100px;background:red;">Toto nad stopką</div>
			<div style="width:100%;height:200px;background:lightblue;">stopka</div>
		</div>
	</div>
 
</div>
[HTML] pobierz, plaintext 

Tu czerwony element zawsze jest bezpośrednio nad stopką... Tak?

W tym przypadku wpisanie tekstu będzie powodować przesuwanie się czerwonego elementu i stopki - racja, ale tekst nie sięgnie do niebieskiej stopki, gdyż strona rozciąga się po dojściu tekstu do wysokości czerwonego elementu, mam nadzieję, że zrozumiale to opisuję

cerwony element wrzoc do stopki i nadaj jej ujemny margines gorny rowny wysokosci tego elementu

Natomiast ten sposób wydaje się eliminować powyższy błąd, ale czerwony element, gdy tekstu jest mało - nachodzi na lewe menu. Jakieś sugestie, żeby Menu i Cz. El. nie nachodziły na siebie? min-height? Czy może coś praktyczniejszego?

[seth-kk]

float: left dla menu + clear: left dla stopki?