[CSS] div zamiast table Opcje

[arszawin]

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 

Ten post edytował arszawin 12.08.2010, 15:22:49

[toel]

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/

Ten post edytował toel 12.08.2010, 15:24:05

[arszawin]

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.

[toel]

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

[_olo_1984]

zobacz tutaj. Chyba o to chodzi. Pozdr