[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]

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