Interesuje mnie układ strony, składający się z trzech kolumn:

• lewa: width 210px
• środkowa: width 100%
• prawa: width 210px

W gruncie rzeczy, lewa i prawa kolumna mają te same właściwości.
Żeby łatwiej bylo zrozumieć o co mi chodzi, przygotowałem skromny szkic:


Jak przygotować taki układ w CSS, opierając się wyłącznie na warstwach div, unikając tabeli ?

Przypuśćmy, że kod html będzie wyglądał mniejwięcej tak:

[HTML] pobierz, plaintext 
<div class="boczna">lewa</div>
<div class="srodkowa">srodkowa</div>
<div class="boczna">prawa</div>
[HTML] pobierz, plaintext 

Ogólnie hasła, które Ci są potrzebne to float i clear.


Ale polecam skorzystać z jakiegoś grida

http://www.google.pl/search?q=css+grid

Np.

http://960.gs/

Mój problem dotyczy oczywiście środkowej kolumny, gdzie wartość width jest dynamiczna - 100%
"Gridy" o których wspomniałeś, przyjmują raczej wartości stałe, w pikselach.

W takim razie opakuj wszystko w kontener 100% i dopiero w niego to wrzuć.
Wtedy kontener będzie wielkości okna, a ten środkowy div ( o ile się nie myślę ) wypełni tylko jego pustą przestrzeń (w ogóle to chyba wystarczy sam display: block i nie trzeba będzie dokładać width:100%)

Szczerze - tak z pamięci piszę, bez sprawdzenia, ale wg mnie tak to zadziała

zobacz tutaj. Chyba o to chodzi. Pozdr