Salve, ho bisogno di realizzare un layout con la colonna principale centrata e a lato due sfondi differenti che continuano dal fianco del div centrale.
La width della colonna centrale deve rimanere costante, ma devono cambiare quelle della due colonne laterali andando a coprire gli spazio lasciati vuoti da quella centrale. Il tutto è inserito in un div con width100% (che quindi occupa tutto lo schermo).
Ho provato dando al div che contiene tutto position con la seguente logica:

<body>

<div style="width:100%;
height:600px;
background:red;
position:relative;">



<div style=" background-color:#CF9; height:890px; width:40%; float:left; clear:right;">


<div style=" width:300px; height:800px;
background:yellow;
position:absolute;
left:50%;
margin-left:-150px;"> <div>


</div>

<body>


il div centrale resta centrato, quello a sinistra però non occupa esattamente lo spazio che il centrale lascia a sinistra...(quello a destra l'ho omesso perchè tanto è la stessa questione) come posso fare?