Blank space @ bottom of page.

I am trying to rid my page of an unidentified blank space. Please help.

[splice]

There may be a simple fix for this, but I am yet to find it so I am enlisting help.

I have a blank space at the bottom of my page which I am assuming is the result of shifting divs up using relative positioning. Does anyone know how to rid the page of this blank space? I want the page to end after the footer, without the extra space underneath.

<snip>

Also (for extra credit), I have noticed a slight shift to the left in IE & Safari occurring at the top of the page where the header is. Any way to easily fix this? Firefox is rendering it the way it was intended to be displayed.

Thanks for the help in advance.

Feel free to correct any of my coding practices. I'm always open to new/correct ways of doing things.

[edited by: swa66 at 11:43 pm (utc) on Oct. 14, 2009]
[edit reason] No URLs, please see ToS and Forum Charter [/edit]

[D_Blackwell]

Welcome to WebmasterWorld. The personal link is going to get chopped, so I can't use it as a reference.

It could be any of several things working against each other.

My recommendation is to strip the HTML and CSS down to the problem(s) itself. If the fix is not found during this process, post the test ready code that replicates the problem and we will look at the options.

[swa66]

relative positioning leaves the place the element would have used reserved for the element. I don;t think there is a workaround for that at all.

So you'd need to check why you are moving the element with relative positioning and try to find a new solution there.

[D_Blackwell]

How did you deal with the positioning issue on this?