# CSS expanding page down

**URL:** <https://forum.kirupa.com/t/css-expanding-page-down/257113>\
**Category:** web dev\
**Created:** [April 10, 2008, 10:51am UTC](https://forum.kirupa.com/t/css-expanding-page-down/257113 "2008-04-10T10:51:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![lilleypants](https://avatars.discourse-cdn.com/v4/letter/l/f17d59/32.png) [@lilleypants](https://forum.kirupa.com/u/lilleypants)\
**Post date:** [April 10, 2008, 10:51am UTC](https://forum.kirupa.com/t/css-expanding-page-down/257113/1 "2008-04-10T10:51:43Z")

</div>

I have a main white background that has a set height and goes down by repeating a graphic like so:

```auto
.loc_WhiteTemplateArea{
 background-image:url(CutUp%20Images/mainWhiteCourse.gif);
 background-repeat:repeat-y;
 top:295px;
 left:148px;
 position:absolute;
 z-index:5;
 width:719px;
 height:1398px;
 overflow:auto;
}

```

and then a footer is placed on the bottom of the whiteArea:

```auto
loc_Templatefooter{
 background-image:url(CutUp%20Images/footer.png);
 background-repeat:no-repeat;
 top:1693px;
 left:148px;
 position:absolute;
 z-index:5;
 width:719px;
 height:18px;
}

```

My problem is I need the white to automatically expand downwards according to how much text is placed in a different div tag. I also then need the footer to move down to where ever the white area ends.

Is there any way to go about this? Any help would be amazing thanks.:stare: