Prosty układ strony Opcje

[piotr485]

Witam.

Mam taki problem.

Mam sobie 3 bloki:

[HTML] pobierz, plaintext 
        <div id="site-left">LEWA</div>
 
	<div id="site-center">ŚRODEK</div>
 
	<div id="site-right">PRAWA</div>
[HTML] pobierz, plaintext 

i do tego zrobiłem css:

[HTML] pobierz, plaintext 
<style>
 
*
{
    padding: 0;
    margin: 0;
}
html, body
{
    height: 100%;
	width: 100%;
	margin: 0 auto;
	background: #202020;
}
 
#site-left {
 
	float: left;
	background: green;
 
 
}
 
 
#site-center {
 
	width: 800px;
	background:red;
	float: left;
 
 
}
 
#site-right {
 
	float: left;
	background: pink;
 
}
 
	</style>
[HTML] pobierz, plaintext 

i teraz nie wiem jak zrobić bo chciałbym, żeby strona miała width: 100% to ustawiłem w body, ale nie wiem jak zrobić
żeby środkowy blok miał zawsze 800px a reszta była w procentach i przy zmniejszaniu szerokości przeglądarki żeby ten środek 800px się nie zmniejszał tylko żeby boki się zmniejszyły.

Coś takiego jak by miał jednego diva na stronie i dla body ustawione: 800px; tyle że wtedy nie mogę wstawić dodatkowych divów po lewej i prawej stronie.

Z góry dziękuję za pomoc lub nakierowanie mnie na drogę (IMG:style_emoticons/default/smile.gif)

[viking]

Środek robisz stały a resztę za pomocą calc()