Una forma de controlar eso es pensar en como el navegador armará la página.
Luego piensas así:
1º que se dibuje la columna de ancho fijo : izquierda o derecha
2º que se dibuje la otra columna de ancho fijo: derecha o izquierda.
Entonces ahora, que ya están ubicadas las dos columnas de ancho fijo viene el tercer paso:
3º que se dibuje la columna de ancho variable igual al ancho que dejen disponibles las columnas fijas.
Código HTML:
Ver original<!-- Nota: como son div (elementos de bloque) no hace falta poner display:block -->
<div style="width:100%; overflow:hidden (o auto)"><!-- con overflow evitas poner el div vacio que limpia los float -->
<div style="float:left; width:230px; background-color:#C06"> Caja con ancho fijo a la izquierda
<div style="float:right;width:230px; background-color:#0CC"> Caja con ancho fijo a la derecha
<div style="background-color:#060"> Como ya se han posicionado las cajas fijas, esta caja quedara ubicada en el espacio libre que dejen las anteriores.
Los background son solamente para ver la disposición.
<!-- <div style="clear:both"></div> -- ya no hace falta gracias al overflow en la caja padre -->
Aclaración: como verás la ultima caja no es flotante, y debes considerar el tema de las alturas de las cajas. Prueba dandole alturas diferentes y veras a que me refiero. Para controlar mas o menos ese tema usa min-heigth y max-heigth.