Altezza blocco laterale non considerata
messaggio nel forum Linguaggi standard per il Web

Salve a tutti, ho realizzato un template facendo uso delle proprietà "position" come di seguito:

#testa, #navcontainer, #corpo, #piedipagina {
	width:90%;
	min-width:760px;
	margin:0 auto;
	text-align:left
}
#testa { position:relative }
#corpo { position:relative }
#corpo-principale {
	position:relative;
	min-height: 450px; /* ignorata da i.e. */
	height: auto !important; /* per mozilla/opera */
	height: 450px; /* per i.e. */
	margin-right:30%;
}
#colonna-destra {
	position:absolute; top:0; right:0;
	width:30%;
}
#piedipagina { position:relative }

mentre il codice HTML è il seguente:

<div id="testa"></div>
<hr />
<div id="corpo">
	<div id="corpo-principale"></div>
	<hr />
	<div id="colonna-destra"></div>
</div>
<hr />
<div id="piedipagina"></div>

Il template viene visualizzato correttamente su tutti i browser, ma ricontro un problema: se l'altezza del blocco colonna-destra è maggiore dell'altezza del blocco corpo-principale il blocco piedipagina non si posiziona sotto alla colonna destra, bensì sotto al corpo principale.

Questo è un problema poichè la colonna laterale viene coperta proprio dal blocco a piè pagina.
Vi è un modo, senza rivoluzionare troppo il template, per far sì che il blocco a piè pagina si posizioni (anche) sotto la colonna laterale?

Ho provato ad aggiungere la proprietà

clear:both

ma senza risultato. Credo che il problema sia proprio nella colonna laterale posizionata come "absolute".

Ultima considerazione, la tecnica del "min-height", di cui al codice sopra, non mi risolve il problema, poichè il blocco della colonna laterale cambia di altezza a seconda della sezione visualizzata (cambiano i menù verticali lì scritti).

Scusate la lunghezza del post spero di essere stato abbastanza chiaro.

Ciao
Luciano