problema altezza auto div

[Lomba1986]

Ciao a tutti ho notato un problema con i miei <div>

Riassumendo brevemente ho:
- <div> wapper che contiente tutto
- <div> container che contiene solo due div affiancati
- <div> left e right che sono affiancati tra loro all'interno del container

Il mio problema è che quando il div left (right) a seconda dei casi deve "crescere" oltre l'altezza originaria...questo avviene nel modo sbagliato, ossia, crescono i <div> right left e container, ma il wrappper no.... eppure nel css ho dichiarato che wrapper abbia "height: auto ! important;"

Come fare?

Vi posto anche il codice css di questa parte:

#wrapper
{ 	
background-color:white; 	
border: 8px solid #E1E1E1; 	
margin-left:auto; 	margin-right:auto; 	
display:block; 	width: 85%; 	
height: auto ! important;    
margin: 0 auto 0px;   
min-height: 65%; 
} 
.wrapper
 { 	
background-image:url('font.gif'); 
background-repeat:repeat-y; 	
background-position:36%; 
} 
#left 
{ 	
width: 33%; 	
margin: 10 10 10 10; 	
float:left;
} 
#right
{ 
width:64%; 	
float:right; 
} 
#container 
{ 	
float:left; 	
width:100%; 
}

Come fare??

Ciao a tutti

[Mich_]

E` il solito problema dei float.

Cerca "clearing" nel forum.

[Lomba1986]

C'è un problema...

clear:both;

toglie i vari float....invece io li aggiungo, nel senso che il wrapper (quello più esterno e che non si espande) non ha alcun float, mentr ei div interni (container, left e right) hanno dei float...

Che fare quindi?

[Mich_]

O fai diventare float anche il #wrapper,

oppure inserisci il clear. Per logica nel tuo caso andrebbe inserito alla fine del #container (o con un blocco fittizio dentro il container, oppure nel #container:after

[Lomba1986]

Ora sembra funzionare...grazie mille!

Per chiunque dovesse leggere questo post a memoria futura ho aggiunto appena dopo la chiusura del blocco <div id="container"> la seguente riga

<div style="clear:both;"></div>

e ora sembra funzionare tutto

Ciao a tutti e grazie Mich_