Problemos su CSS "align to bottom"

Sveiki, koduojant puslapio dizainą susidūriau su problema. Yra du objektai, kuriuos reikia nuleisti į pačią puslapio apačą (nuscroolinus į apačią, kad jie ten būtų). Body yra repeat-y background'as ir 2 div'ai vienas turi būti kairiajame apatiniame puslapio kampe, kitas dešiniajame. Dabar pas mane yra taip:

#pen {
background-image:url(images/pen.png);
background-attachment:scroll;
position:absolute;
bottom:0;
height:69px;
width:422px;
z-index:-1;
}

#apple {
background-image:url(images/apple.png);
background-attachment:scroll;
position:absolute;
bottom:0;
right:0;
height:367px;
width:379px;
z-index:-1;
}

Naršyklė juos atvaizduoja apačioje, bet kai nuscroolini į apačią jie lieka kažkur viduryje. Man reikia, kad jie visada būtų apačioje. Jeigu peržiūrinėji puslapio header'į, jų turi nesimatyti, tik paėjus žemyn į puslapio apačia jie turi pasirodyti. Tikiuosi supratote. Pridedu paveiksliuką kaip dabar yra, pagal mano kodą.

Sveiki, nežinau tikslei bet tai gal padėtu

html, body {

height: 100%;

}

ar kažkas tokio.

nors gali ir nepadeti :)

Sveiki, koduojant puslapio dizainą susidūriau su problema. Yra du objektai, kuriuos reikia nuleisti į pačią puslapio apačą (nuscroolinus į apačią, kad jie ten būtų). Body yra repeat-y background'as ir 2 div'ai vienas turi būti kairiajame apatiniame puslapio kampe, kitas dešiniajame. Dabar pas mane yra taip:

 

#pen {
background-image:url(images/pen.png);
background-attachment:scroll;
position:absolute;
bottom:0;
height:69px;
width:422px;
z-index:-1;
}

#apple {
background-image:url(images/apple.png);
background-attachment:scroll;
position:absolute;
bottom:0;
right:0;
height:367px;
width:379px;
z-index:-1;
}

 

Naršyklė juos atvaizduoja apačioje, bet kai nuscroolini į apačią jie lieka kažkur viduryje. Man reikia, kad jie visada būtų apačioje. Jeigu peržiūrinėji puslapio header'į, jų turi nesimatyti, tik paėjus žemyn į puslapio apačia jie turi pasirodyti. Tikiuosi supratote. Pridedu paveiksliuką kaip dabar yra, pagal mano kodą.

 

Jau gan senokai susitvarkiau. Naudojau javascript.