Hi all,

Quick question ... I've a ton of space just below the footer as you can see here: http://practice.escapeintofreedom.com/

Also seem to be off a pixel in the image of the girl (bottom half).

I've tried adjusting the bg.jpg, as well as the padding and height in the various footer ids, but to no avail.

Any suggestions would be greatly appreciated, thank you ~`


2 answers


Unfortunately, with the way the site is built with wpn_wrapper and wpn_footer being negative, you're left with a whole bunch of empty space at the bottom, as Rob has stated.

I see you're using these values to offset the layout to allow layering to happen.

In this situation, I recommend using position: relative on parent containers and position: absolute on child elements, rather than negative margins. I won't get in to detail as to how to approach this as this is something really essential to learn with experimentation. Read Step #4 in this article to get started.

Answered almost 10 years ago by Daryl Claudio
Rob 230

This is caused by your use of negative values for 'top' on wpn_wrapper and wpn_footer. I didn't go through the whole layout to understand why these large values are necessary.

Answered almost 10 years ago by Rob
  • Thanks Rob, When I remove that from the footer, nothing changes ... however, when I remove it from the wrapper - the header and menu fall down into the content of the page. Any suggestions on how I could fix this, or would it require me re-doing the divs for both the menu and header - which I may in fact have too do. :| Jennifer almost 10 years ago