[HTML][CSS] problem z 3 divami, 3 divy - 2 dopasowujące się do wielkości ekranu Opcje

[-dr4g0n79-]

Witam

Jak zrobić 3 divy, tak aby środkowy div miał zawsze tą samą szerokość i zawsze był wyśrodkowany natomiast 2 divy po bokach zmieniały swoją szerokość zależnie od wielkości ekranu. Poniżej kod, który mam:

HTML

Kod

<div id="lewa">LEWA</div>
<div id="srodek">SRODEK</div>
<div id="prawa">PRAWA</div>

CSS

Kod

#lewa {
float: left;
height: 200px;
background-color: red;
width: 49%;
}
#prawa {
float: left;
height: 200px;
background-color: black;
width: 49%;
}
#srodek {
float: left;
height: 200px;
background-color: green;
width: 500px;
}

[athei]

http://www.google.com/search?q=css+3+colum...ut+fixed+center

[-dr4g0n79-]

jakbym nie szukał rozwiązania w sieci to bym nie pytał nie mówię, że go tam nie ma ale ja go po prostu nie znalazłem dlatego pytam