How to Increase the Page Height

How to Increase the page height ?

 

Add 'height' to the body. That won't take any containers into account though, hard to see what would be affected without seeing the actual page.
If you want to do it on the fly, you can do something like in your JQuery onload function:

$("body").css('height', 1400);

Code (markup):

 

I havent looked at the code, but my guess is that your background with gradients is one big image?
If so, you will have to cut it in half in photoshop, then set the upper half to your body tag, and the lower one to your footer tag.

If this is not the case, you probably need to put this: <div class = "clear"> </div>
just before you close the wrapper tag in HTML.

It would be much easier to fix if we could see a live preview of your site.

Hope this helps

 

#innercontainer .roundbox .top{
width:902px;
float:left;
background:url(../images/innercnt-top.jpg) no-repeat left top;
height:14px;
}

#innercontainer .roundbox .middle{
width:860px;
float:left;
padding:10px 20px;
background:url(../images/innercnt-middle.jpg) repeat-y left top;
min-height:150px;
}

#innercontainer .roundbox .bottom{
width:902px;
float:left;
height:12px;
line-height:1px;
font-size:1px;
background:url(../images/innercnt-bottom.png) no-repeat left bottom;
}



Three diff images for 3 Portions.