layout 2 colonne problema footer

[Nt3N]

ciao a tutti.

sto creando in css un layout molto semplice, costituito da un header, 2 colonne (una larga centrale per il testo, una laterale, a destra, per il menu) e un footer.

la struttura è la sequente

	<div id="header">
	
	contenuto header

	</div>


	<div id="main-body">
	<div id="content">

contenuto testuale

	</div> 



	<div id="sidebar">
	
	contenuto menu laterale
	</div>



	</div> 
	</div> 


        <div id="footer">

	contenuto footer

	</div>

il problema è che se la colonna del testo (content) è piu' corta della colonna del menu (sidebar) il footer appare subito sotto al testo, tagliando a metà il menu. ovviamente io vorrei che il footer apparisse in fondo alla pagina, lasciando in bianco l'eventuale spazio che c'è tra la fine del content e la fine del menu..

tanto per capirci meglio, la situazione è questa:

http://img444.imageshack.us/img444/8...magine1nw2.gif

qualcuno mi sai aiutare?
grazie

[kansuke]

magari postando i css che usi uno può dirti dove la cosa non va!!
Ad occhio uno dei due ha float e l'altro no!!

Quindi il piede si sovrappone a quello che non lo ha

c'è un'altra discussione sulla questione.

La soluzione più semplice è aggiungere un'elemento con clear sotto questi!!

Io un'altra soluzione più elegante al problema non l'ho trovata!!
Mi sono dedicato ad altro, se qualcuno conosce qualcosa di meglio tanto guadagnato!

[Nt3N]

ho risolto tutto facendo come hai detto
grazie!

se pero' qualcuno conosce qualche soluzione piu' elegante, si faccia avanti!