Forum Moderators: open

Message Too Old, No Replies

Massive gap at the bottom

Need to close up a gap that has appeared on the web page

         

togethercomms

10:17 am on Aug 12, 2009 (gmt 0)

10+ Year Member



Hi everyone i was wondering if you could help me,

I have a small problem after i have positioned a scrolling div, i used relative positioning as it keeps it in flow of the container, but after i have moved it nothing is moving with it, so now i have a big gap where it should have closed up, i know that rlative positioning it moves it from the position it was originally in but keeps it in flow.

Your help would be greatly appreciated.

Many Thanks all

[edited by: encyclo at 10:46 am (utc) on Aug. 12, 2009]
[edit reason] no links to personal sites please, see posting guidelines [/edit]

SuzyUK

11:20 am on Aug 12, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



relative positioning would be the wrong thing to use here IMHO

relative positioning does not "remove" the element from the flow but it only OFFSETS the element from its original position that original position is still kept as if the element were still there: i.e. it reserves the space the element would have taken up

maybe you would have better luck using margins (negative or positive)?

swa66

11:23 am on Aug 12, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



position:relative is intended to work that way: the element keeps its original spot in the flow.

To suggest alternate approaches would need a better understanding of what you seek to achieve.

togethercomms

11:30 am on Aug 12, 2009 (gmt 0)

10+ Year Member



thanks i managed to sort it out, still using relative positioning but changing the container and border using a fixed height, which works better as the size of the webpage will not change, obviously not the best way around it but it works.

Thanks