div affiancati, uno fisso e uno dinamico

[Ifrit]

Salve a tutti

Il mio problema e che vorrei capire come poter formattare due div in modo che uno sia di width, mentre l'altro ( presente sulla stessa linea ) occupi tutto lo spazio restante.

prendendo in esempio questo frammento:

<div id="div_p">
<div id="div_1"></div>
<div id="div_2"></div>
</div> 

presupponendo che div_p abbia width:90% vorrei far si che il div con id div_1 abbia larghezza esattamente pari a 200px, e che il div avente id div_2 si trovi sulla stessa linea, parta dal termina di div_1 e riempia tutto lo spazio rimantente, in modo che si autoadatti in caso di ridimenzionamento del browser.


spero di essere stato abbastanza chiaro =X
grazie in anticipo per l'eventuale aiuto =)

[ac_socmel]

soluzione spicciola

#div_1 {
    width: 200px:
    float: left
}
#div_2 {
    overflow: hidden
}

[Ifrit]

Originariamente inviato da ac_socmel
soluzione spicciola

#div_1 {
    width: 200px:
    float: left
}
#div_2 {
    overflow: hidden
}

mmmmh perfetto O.o'
da questo deduco di non aver capito bene come funziona il parametro overflow...
mah vado a ripetere =X vediamo un po'

grazie infinite ^^

edit:
ac_socmel scusami, ma non riesco a capire perche' si dovrebbe comportare in questo modo... puoi spiegarmelo pls?

[ac_socmel]

diciamo che un div è come un sacco
contiene (magari patate) ma dove lo metti si allarga
se usi i colori rgba come sfondi vedi il comportamento
quando gli diamo oveflow hidden diventa una scatola

http://www.w3.org/TR/CSS21/visuren.h...ock-formatting