Keskustelu: Nettisivujen teko: CSS: divien venytys

Homma olisi tämän näköinen.

Teen sivua css:n divien kanssa. Siinä on kolme vierekkäistä div-laatikkoa. Keskimmäinen on sellainen, johon tulostetaan juttuja ja se venyy välillä melko alas.
Voisiko tehdä niin, että myös vasen ja oikea div-juttu venyisi yhtä paljon?
Tämä taustavärin vuoksi. En halua koko sivun taustaväriä muuttaa samaksi mikä on divien tausta. Vasen kaista on eri värinen kuin oikea ja kekimmäinen.

Edit: Tämä meni väärälle palstalle. Tosin onhan tämäkin "muu kieli".

Tuohon hommaan liittyen näitä kaikkia divejä ympäröi body-niminen div. Voisiko niitä jotenkin määrittää venyvän yhtä paljon kuin se?

Laittamalla divien kooksi 100% ja laittamalla ne taulun sisään. Kun taulu kasvaa, tavaran tullessa kasvaa myös divit.

<table cellspacing="0" cellpadding="0">
<tr>
<td>
<div height="100%" style="background:red; height:100%;">
<pre>OK</pre></div>
</td>
<td>
<div style="background:green; height:100%;">
<pre>
 OK
 KO
 OK
 KO
</pre>
</div>
<td>
<div height="100%" style="background:blue; height:100%;
color:white;"><pre>OK</pre></div>
</td>
</tr>
</table>

Unohdetaanpa jo ne taulukot...

Olisiko tästä apua: http://www.alistapart.com/d/multicolumnlayouts/3ColFixed.html

Tai laitat ne kolme diviä containerin sisään ja annan containerille taustakuvan joka "piirtää" divien rajojen kohdalle reunuksen tms.

Hieno kuva. Vähän voisit lisää tuosta kertoa. Tai no eiköhän tuolta sivuilta jotain löydy.

olaav kirjoitti:

Unohdetaanpa jo ne taulukot...

Olisiko tästä apua: http://www.alistapart.com/d/multicolumnlayouts/3ColFixed.html

Tai laitat ne kolme diviä containerin sisään ja annan containerille taustakuvan joka "piirtää" divien rajojen kohdalle reunuksen tms.

Jes. Oikeastaan siinä minulla jo on tuo body-divin sisällä vasemman ja keskimmäisen divin ympärillä div nimeltä "sidotaan-yhteen-vasen-ja-keski-palsta". (Tosin sen tuolla margin-left:-180px olisi saanut hoidettua ilman tuota diviä). Siinä on myös taustakuva, joka tekee divien väliin 3px "viivan", kaksivärisestä 4 pikselin taustakuvasta.
Mutta tuon vasemman divin taustaväri on eri kuin tuon "rajauksen". Se täytyisi saada kasvamaan.
Yksi konsti on tietysti yrittää hoitaa tuo "rajaus" borderilla.

Sain tämän tyydyttävään kuntoon tuolla border-jutulla.