[88mph]

Mild Fuzz - The slightly defocused world of John Farrow

I have a problem

#main_window{
	margin: 0 auto;
	margin-bottom: 0;
	padding-bottom: 0;
	position: relative;
	top: 50px;
	
	width: 95%;
	
}

i need to use the top:; style to bring the content beneath the logo, otherwise it hides, but as you see if you scroll down, it overlaps the base of the window!!

is there a workaround i am missing?

[88mph]

any ideas? really bugging me, many a google search does not a solution bring

[pgo]

Positioning takes elements out of the document flow. They will automatically overlap anything after them in the markup.

[88mph]

so, in short, no work around apart from restructuring to avoid positioning?

[88mph]

what i don't really get is how the CSS stays in tact for so long, then loses it at the end.

[LukeV]

Ok why do you have two margin styles set? margin: 0 auto; and margin-bottom: 0?

2nd off. Don;t use position relative. Give your content div a margin-top, this will push it down away from the low. Also give it margin-bottom so it doesn't touch the footer

So:

#main_window{
margin-top: 50px;
margin-bottom: 20px;
padding-bottom: 0; <--- not sure why you need this.

width: 95%;

}

[agentxcell]

Not sure if this helps much but I just had a similar problem. I took the content div and container div I had and instead of positioning them I adjusted the respective margins so that they are placed in the right position. Although after adjusting the margin and padding I had another problem, which is basically what you are having. I had to fix it by making sure that the Document flow was correct with the ( not sure if I am saying this right; someone correct me if I am wrong) parent child relationships between the divs. I would make sure that it is marked up in the correct hierarchy. Hope that helps.