larghezza div responsive

[il-berta]

ho tre div uno fianco all'altro, quello in mezzo ha width: 20px, mentre quelli laterali voglio che partano da dove finisce il div centrale e arrivino entrambi a bordo pagina. è tutto il pomeriggio che sto impazzendo provando a mettere percentuali, min/max width e altre combo strane ma non riesco ad arrivare ad un punto di arrivo. qualcuno sa aiutarmi?

(in parole povere, mi serve un div centrale fisso, mentre quelli laterali si adattino a tutta la pagina)

[miauhaus]

Ragionando un po' su un vecchio post trovato QUI.

    <div id="sinistro"></div>
    <div id="centrale"></div>
    <div id="destro">
        <div id="dentro_il_destro">
    </div>
  </div>

#centrale {
width: 20px;
height: 100px;
background: green;
display: inline-block
}

#sinistro {
width: 50%;
height: 100px;
margin-right: -10px;
background: magenta;
float: left;
}


#destro {
width: 50%;
height: 100px;
margin-left: -30px;
background: red;
float: right;
}

#dentro_il_destro {
margin-left: 10px;
}