Zmienna szerokość dwóch DIVów + jeden stały, 3 DIVy obok siebie - co poprawić ? Opcje

[Sztef89]

Męczę już się z godzinę z tymi divami :/ na prawdę nie wiem co jest nie tak
Chciałbym ułożyć 3 DIVy obok siebie:
pierwszy o stałej szerokości 200px,
drugi min 450px / max 650px,
trzeci min 250px / max 350px.

Popełniłem taki kod:

HTML:

[HTML] pobierz, plaintext 
<div id="page">
	<div class="pleft">aaaa<br/><br/><br/><br/></div>
	<div class="pcenter">aaaaaaaaaaaaaa<br/><br/><br/><br/></div>
	<div class="pright">aaaaaaaaaaaaaaa<br/><br/><br/><br/></div>
</div>
[HTML] pobierz, plaintext 

Styl CSS

[HTML] pobierz, plaintext 
#page{
margin: 0 auto;
min-width: 900px;
max-width: 1200px;
position: relative;
top: 0;
}
 
#page .pleft{
background: white;
width: 200px;
float: left;
position: relative;
top: 0;
}
 
#page .pcenter{
background: #4d74ca;
min-width: 450px;
max-width: 650px;
float: left;
position: relative;
top: 0;
 
}
#page .pright{
background: white;
min-width: 250px;
max-width: 350px;
float: left;
position: relative;
top: 0;
}
[HTML] pobierz, plaintext 

W wyniku tego div page się rozciąga do max i zmniejsza do min, to działa. Natomiast te 2 divy (center oraz right) nie zmieniają swoich rozmiarów - stoją w miejscu o rozmiarze min-width.

Z góry dziękuję za pomoc !

Ten post edytował Sztef89 10.10.2011, 19:03:17

[Sephirus]

I jak udało się?

Bo jedyne co mi przychodzi do głowy to zastosować display tabelkowy (display:table-cell odpowiednio)