# How do I use a fixed height background at the bottom of a page?

**URL:** <https://forum.kirupa.com/t/how-do-i-use-a-fixed-height-background-at-the-bottom-of-a-page/253276>\
**Category:** web dev\
**Created:** [February 28, 2008, 8:15pm UTC](https://forum.kirupa.com/t/how-do-i-use-a-fixed-height-background-at-the-bottom-of-a-page/253276 "2008-02-28T20:15:13Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Tsid](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/tsid/32/3738_2.png) [@Tsid](https://forum.kirupa.com/u/Tsid)\
**Post date:** [February 28, 2008, 8:15pm UTC](https://forum.kirupa.com/t/how-do-i-use-a-fixed-height-background-at-the-bottom-of-a-page/253276/1 "2008-02-28T20:15:13Z")

</div>

I have an overall background image using CSS, but I also want to use a gradient image background at the bottom of the page. I tried using the ApDiv to do it, but it keeps positioning the background to the bottom of the browser height, instead of the page height. Anyone know how I can resolve this? Thanks!