Sticky footer issue

Hi Guys,

I have managed to get my footer to stick at the bottom of the page using the below method:-

Sticky Footer at Bottom

But my Content div has a border on the left and right and I basically also want that to expand to same height as the #wrapper.

All help will be greatly appreciated.

My site: books | rare business

Using this same technique http://www.visibilityinherit.com/code/eqaul-height-columns-withcss.php you can just put two extra AP divs at the bottom to hold the borders.

Yes as Eric said above you can use an overlay technique and indeed someone asked for multiple equal borders the other week which resulted in this demo.

Or you could remove the header from the wrapper and then drag the main container underneath the header much the same as in this example which allows the normal borders to be full height.

thanks paul… your solution helped very much and solution resolved.