div affiancato che finisce sotto l'altro

[metalgemini]

Ciao a tutti, chi mi svela il segreto del perchè un div affiancato ad un altro che ha la proprietà float, una volta arrivato alla base dell'altro gli finisce sotto? C'è un modo x risolvere? Grazie...
In pratica questo...

<style>

.container    {
                 width:20%;
              }


.sx           {  
                 width:50%; 
                 float:left;
              }


.dx           {
                                   
                 /*Poi ci penso...*/
                 
              }  
     

</style>



  <div class="container">
      
      <div class="sx">
      Questo contenuto deve stare a sinistra 
      </div>
          

               
      <div class="dx">
      Questo contenuto deve stare a destra senza finire sotto quello di sinistra
      ma come puoi vedere...ci finisce sotto...
      </div>             
      

  </div>

 

[criric]

ciao,

dai una lungezza e il float(left o right) anche all'altro div e risolvi

.dx           {
        width:49%;
        float:right;
    }

ho messo 49% se no non ci sta nel contenitore

 

[metalgemini]

Grazie...non sai da quanto tempo ci smadonno!! Di solito poi mi tocca ripiegare sulle tabelle...grazie 1000 di cuore...