3-osainen taustakuva

Sivun tausta muodostuu kolmesta elementistä; otsikko-osa, sisältöosa ja alaosa.

Tarkoitus on saada sivun sisältöosa suurenemaan sisällön mukaan niin, että teksti menee kuitenkin osittain alaosan päälle.
Otsikko-osaa varten on n-korkuinen ja koko sivun levyinen kuva
Sisältöosaa varten on 1px korkuinen ja koko sivun levyinen kuva
Alaosaa varten on n-korkuinen ja koko sivun levyinen kuva


Rakenne:

< div id = "container">
< div id = " otsikko-osa "> < / div >

< div id = "sisältöosa" >
Sisältö
< div id = "alaosa" >
< / div>
< / div>

< / div >



Ongelma:
1. Sisältöosa kyllä venyy sisällön mukaan mutta ei siirrä alaosan diviä edessään, jos sisältöä on 'liikaa' keskiosan tausta tulee näkyviin alaosan kuvan alle (IE bugi?, Firefoxilla näkyy oikein).
2. Sisältöosa ei mene alaosan päälle (z-index parametri korjaisi tilanteen?).


Ohessa kaksi kuvaa jotka selventävät haluttua lopputulosta:
http://www.aijaa.com/v.php?i=7158773.jpg
http://www.aijaa.com/v.php?i=7158774.jpg