Keskustelu: Nettisivujen teko: Div sivupohja

Eli pitäs saaha tällanen pohja:
http://img90.imageshack.us/img90/1341/untitledsc1.png

Ongelmana on se, miten saan koko virityksesta leveydeltään 100%, niin, että sivuilla olevien laatikoiden koko on määritelty pikselein, eikä prosentein.

<div style="float:left; background-image:url(logo.png); width:288px; height:100%;"></div>
<div style="float:left; background-image:url(banneri_venyva.png); width:800px; height:100%;"></div>
<div style="float:left; background-image:url(banneri_oik.png); width:2px; height:100%;"></div>

Tällaista olen säätänyt. Mutta tuossa tuo keskimmäinen divi joka on määritelty leveydeltään 800pikseliä, pitäisi saadakin viemään juuri kaikki se ylimääräinen tila.

Itse olen aina käyttänyt tableja.. Määrittelet tablen leveydeksi 100% ja teet sarakkeet niin, että määrität pikselin tarkkuudella leveyden noille reunasarakkeille mitä kuvassasi demonstroit ja jätät leveyden kokonaan määrittelemättä keskisarakkeelle minne leipäteksti tulee.. Silloin se venyy/kutistuu selaimen koon mukaan..

Tableilla kyllä osaan, mutta aattelin kokeilla diveillä.

Hyvä vain että kokeilet divejä, tablet kun ovat mielestäni vaikeampi ja tylsempi tapa tehdä sivujen ulkoasua :S

div#keski, div#vasen, div#oikea {
    height: 100%;
}
div#keski {
    background-image: url(banneri_venyva.png);
    margin: 0 2px 0 288px;
}
div#vasen {
    background-image: url(logo.png);
    float: left;
    width: 288px;
}
div#oikea {
    background-image: url(banneri_oik.png);
    float: right;
    width: 2px;
}

Käsittääkseni hieman tuohon tapaan. Juttu on siinä, että sen keskimmäisen ei kuulu kellua.

Joo tänks, sain toimii.