[css]Szerokość divów, dwa dynamiczne i jeden stały Opcje

[kamil_lk]

Cześć.
Staram się zrobić aby div po lewej i po prawej rozciągały się do pozostałej części ekranu gdy środkowy ma szerokość 960px.
Jak na razie to mam coś takiego

[HTML] pobierz, plaintext 
<div style="overflow: hidden;">
   <div style="width: 150px; float: right; background: blue;">niebieski</div>
   <div style="width: 150px; float: right; background: green;">zlelony</div>
   <div style="margin-right: 300px; background: yellow;">zolty</div>
</div>
[HTML] pobierz, plaintext 

i to działa w ten sposób że div żółty dopasowuje się do okna gdy niebieski i zielony ma ustaloną wartość.
W jaki sposób zrobić aby żółty i niebieski dopasowywały się automatycznie?

Ten post edytował kamil_lk 25.08.2011, 21:40:27

[kamil4u]

http://jsfiddle.net/g7bKP/

[CSS] pobierz, plaintext 
#main{ width: 100%; overflow: hidden; }
 
#blue{ width: 50%; margin-right: -200px; float: left; background: blue; } 
#green{ width: 400px; float: left; background: green; }
#yellow{ width: 50%; margin-right: -200px; float: left;  background: yellow; }
[CSS] pobierz, plaintext 

200px to połowa z 400px (IMG:style_emoticons/default/smile.gif)