Problema posizionamento div

[skag]

Buonaseera a tutti, scusate la domanda banale, ma non riesco a trovare una soluzione, la mia situazione e' questa:

<div id="container">
<div id="left"></div>
<div id="right"></div>
</div>


Left e Right dovrebbero essere allineati orizzontalmente.
Il mio problema e' che l'altezza dei 2 div left e right e' variabile in base al contenuto, e in base all'altezza di questi 2 varia anche l'altezza del container. Nel momento in cui nel css inserisco i tag float nei due div left e right il container azzera la sua altezza. Sapreste aiutarmi?

Ciao ciao e grazie!!

[skag]

allego la parte di codice

<div id="container" style="background: #cb0; width:690px; margin-left: auto; margin-right: auto;">
<div id="left" style=" background: red; width: 340px; float: left"> Contenuto vario</div>
<div id="right" style=" background: blue; width: 340px; float: right">Contenuto 2</div>
</div>

[skag]

Nessuno mi sa aiutare????
Please??
Ciao ciao

[Myaku]

a vedere quello che hai postato, sembrerebbe il solito clear mancante

[skag]

Grazie mille della risposta, ho provato a leggere, e a fare qualche prova ma non sono riuscito nel mio intento, sai dirmi come potrei fare?
Ciao e grazie.

[Myaku]

Originariamente inviato da skag
Grazie mille della risposta, ho provato a leggere, e a fare qualche prova ma non sono riuscito nel mio intento

quali prove hai fatto? posta il codice (usa il tag code) o il link alla pagina

[Vash SD]

Anche io sono interessato, potresti postare il codice anche se ci sei già riuscito? Grazie!

[carlogh]

è sufficiente il solito

#container {
overflow: hidden;
}

[Myaku]

Originariamente inviato da carlogh
è sufficiente il solito

#container {
overflow: hidden;
}

di solito sì, ma per esperienza ho notato che, se ti serve la compatibilità con ie6, questo non sempre è sufficiente

[skag]

Ho risolto con questo accrocchio, voi che ne dite????

<div id="container" style=" width:700px;">             
    <div id="left" style=" width: 340px; float: left; ">
     Contenuti
    </div>             
    <div id="right" style="  width: 340px; float:  right;">                             
     Contenuti
    </div>             
    <div style="clear:both;"></div>         
</div>