Div affiancati

[stefano86]

Ciao a tutti, sto cercando di allineare due div e fin qui ok. Il problema è che vorrei che il primo div (quello a sinistra) avesse larghezza fissa mentre il secondo no, può ridimensionarsi a piacere, ma non può rimpicciolirsi oltre un tot.
Ho fatto in questo modo ma non mi funziona:

<div id="container">
    <div id="sx">
        <ul>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>                
    <div id="dx">
        <p>bla bla bla</p>
    </div>
</div>

#container {
    width: 70%;
    min-width: 800px;
    margin: 0 auto;
    padding: 0px;
}


#sx {
    float: left;
    width: 250px;
    list-style-type: none;
    padding: 0px;
    background: red;
    display: inline;    
}


#dx {
    float: left;
    width: 75%;
    min-width: 500px;
    display: inline;
}

Non funziona perchè vedo i due div uno sotto l'altro...

Grazie

[Nobody33]

Devi cambiare le misure.
Il display inline non ti serve.

[stefano86]

Grazie per la risposta, cambiare in che senso? Ho provato a diminuire le dimensioni del div sx ed effettivamente si sono affiancati, ma al "rimpicciolimento" della finestra (e quindi del container), si ridimensiona anche il div dx ma questo va a capo, mentre dovrebbe rimanere affiancato.. eppure lo spazio ce l'ha..

[stefano86]

Ok niente, risolto. Grazie lo stesso