Gerarchia / sovrapposizione div

[Gorgoglius]

CIao! mi si è verificato un problema che non ho mai avuto e che non capisco! sono certo che la soluzione sia molto semplice, ma ormai sto diventando vecchio
Vi posto prima il codice

html

<div id="footer">
    <div id="footerContent">
    	<div id="footerTwitter">
        	<div id="footerTwitterImg"></div>
            <div id="twitter">
            </div>
        </div>      
        <div id="footerSponsor">
        </div>
        <div id="footerLastTen">
        	<div id="footerLastTenImg"></div>
        </div>
    </div>
</div>

css

#footer{background-color:#b1d0ff;}
#footerContent{width:960px;margin:0px auto;background-color:#b1d0ff;}
#footerTwitter{width:460px;float:left;}
	#footerTwitterImg{background:url(../img/twitter_unilive_it.png) no-repeat top left #b1d0ff;width:460px;height:65px;}
#footerLastTen{width:460px;background:transparent;float:right;margin-top:10px;}
	#footerLastTenImg{background:url(../img/ultimi_annunci.png) no-repeat top left #b1d0ff;width:460px;height:60px;}
#footerSponsor{width:460px;background:transparent;float:right;}

il problema è questo.. il div footer dovrebbe essere alto quanto il footerContent che a sua volta dovrebbe essere alto come il footerTwitter o come la somma dei div footerSponsor e footerLastTen, invece è come se il footer e il footerContent siano fissati con height:0px

Spero abbiate capito il problema, come risolvo?

Ciao! e grazie!

[Myaku]

Originariamente inviato da Gorgoglius

il problema è questo.. il div footer dovrebbe essere alto quanto il footerContent che a sua volta dovrebbe essere alto come il footerTwitter o come la somma dei div footerSponsor e footerLastTen, invece è come se il footer e il footerContent siano fissati con height:0px

Spero abbiate capito il problema, come risolvo?

... spero ...

mi pare di aver visto dei float, ma non il clear. è un argomento già affrontato nel forum, e trovi una spiegazione anche nella guida di base di html.it

fa sapere se il tuo problema sta lì

[Gorgoglius]

risolto! grazie! mi è bastato aggiungere un div largo 960px con la proprietà clear:both!

[Myaku]

Originariamente inviato da Gorgoglius
mmmm boh.. ora leggo, ma comunque i div twitter, sponsor e lastTen si vedono, il problema è che il div footer assegna allo sfondo un determinato colore e quindi dovrebbe essere alto come tutti quelli dentro di lui (content e i 3 scritti appena sopra)

gli elementi fluttuati sono rimossi dal flusso del documento, è quindi normale che in mancanza di clearing il loro contenitore non si estende ad "inglobarli" ma si comporta come se non li contenesse

edit: ecco, bene che nel frattempo hai risolto

[Gorgoglius]

Originariamente inviato da Myaku
gli elementi fluttuati sono rimossi dal flusso del documento, è quindi normale che in mancanza di clearing il loro contenitore non si estende ad "inglobarli" ma si comporta come se non li contenesse

edit: ecco, bene che nel frattempo hai risolto

si si gentilissima!