Relative positioning causing big blank space at bottom of page

[Adam_C]

I'm having a stab at designing a new site without tables, and relying on CSS for all positioning.

Further to this, I'm trying to jig things around so I have my content (text) nearest the top of the code, and less important stuff (nav, etc) nearer the bottom.

I'm using relative positioning for this. I'd rather not use absolute as I want a window frame effect centre aligned.

It is however leaving me with a large block of white space at the bottom of my page, which is a bit anoying.

Any tips on getting rid of this, or am I doing something obviously wrong?

[DrDoc]

relative positioning is always going to leave an empty space equal in size to the element that was "moved" from its position...

[Adam_C]

Thats roughly what I thought.

Are there any ways then to limit the height to which the scroll bar will go?

[aevea]

You could try absolutely positioning the unimportant stuffat the top and then relatively positioning your content downwards. That will cause the opposite problem, but you can keep your content from getting cut off by giving it some non-breaking spaces on the bottom. Maybe I not understanding what you mean by "centre aligned frame effect" but I don't see how absolute positioning precludes centering.

Adam J