esempio minimo:

codice:
<style type="text/css">
#columns {
     width:auto;
}
#left {
    float: left;
    width:15%;
    height:100px; background-color:#00CC00
}
#right {
    float:right;
    width:15%;
    height:100px; background-color: #FF99CC
}

#center {
    width:auto;
    margin: 0 15%;
    height:100px; background-color: #FF3333
}
</style>
</head>

<body>
<div id="columns">
     <div id="left">sinistro</div>
     <div id="right">destro</div>
     <div id="center">centro</div>
</div>
ma con le dimensioni in percentuale occorre sempre particolare attenzione, e sarà necessario anche impostare delle larghezze minime (sulle colonne e sul contenitore) in base ai contenuti (se una colonna ad esempio ospita un'immagine di dimensioni fisse è evidente che la colonna non potrà restringersi al di sotto di quella dimensione e in assenza di un min-width si genererà un accapo del box