Altezza DIV

[freezone]

	<div id="ultra_contenitore">
        <div id="contenitore">
            <div id="contenuto"></div>
        </div>
	</div>

Banalmente se il div "contenuto" float: left il div "contenitore" si schiaccia ad altezza infima e di conseguenza lo sfondo di "contenitore" non sta sotto a tutto il div "contenuto".
C'è modo (ovviamente senza sapere a priori le altezze dei div) che lo sondo del div "contenitore" continui anche sotto a "contenuto", dato che da codice il div "contenitore" CONTIENE il div "contenuto"?
Ho fatto abbastanza casino?
Grazie mille

[Myaku]

Originariamente inviato da freezone
Ho fatto abbastanza casino?

un tantino
prima che prendo carta e penna e cerco di decifrare il tuo giro di parole, ti faccio una domanda: quando usi i float, ti ricordi del clear?

[pikadilly]

Per far sì che il contenitore generale si adatti al contenuto devi dichiarare un clear, come dice Myaku, settato a both.

Quindi .clearfloat{clear:both;}

Io di solito lo piazzo sotto l'header e prima del Footer.

[ronnin]

ciao.. mi intrometto nella discussione...
a me questa cosina del clear non funziona!!

probabilmente sbagli qualcosa.. ma non so cosa!! sicuramente e' un errore scemo che non riesco a trovare..

help!
ecco il link della pagina che sto facendo:
http://www.hellolen.com/2008/gallery.htm

come potete vedere il div col bordo blu non si allunga fino al footer!!
(gli ho dato min-height senno avrebbe un'altezza di pochi pixel)
inoltre le 3 colonne LOGO COLONNA LINEA non arrivano fino in fondo.. e invece dovrebbero!

ecco il css:

@charset "utf-8";
/* CSS Document */

html,body{margin:0; padding: 0;height: 100%}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}

div#piede{position:absolute;bottom: 0;width: 100%; height:41px; text-align:left;}
body{ background: #7a008c url(images/fondo_stelle.gif) top no-repeat left}

#testata{ width:100%;height:150px; text-align:center; position:relative}
#content{ width:100%; position:relative; bottom:42px;  height:79%; min-height:500px;  border: 2px solid blue }
.clear { clear:both; } 

#logo{
float:left; 
width:420px; 
height: 100%;
float:left;
padding:0;
text-align:center;
background:url(images/linea.gif) right repeat-y;
}

#colonna{
width:384px;
background:url(images/colonna.gif) center repeat-y;
height:100%;
float:left;
padding:0;
text-align:center;
bottom:50px;
}

#linea{
width:auto; 
height: 100%;
float:left;
margin-left:-8px;
margin-right:0px;
right:0;
text-align:center;
 background:url(images/banda.gif) top repeat-x;
 z-index:50;
}

se qualcuno sa aiutarmi, lo ringrazio sin da ora!!

[ronnin]

up

[ronnin]

up