Fri, 2012-01-13 04:59
Ok I have a basic page and I let others place events on that page.
Now in my CSS file the div container holding the info is set to 900px high.
#Body_Container { margin-left:15px; width:98%; min-height: 900px; }
That is to make sure the page without events still has the right height. Simple, right?
Now here comes the problem,
When more events are entered through the CMS system I use, and the height of the events div is taller than 900px, it runs off the page, downwards.
Exceeding the footer.
See image below. Any help would be appreciated.
Cheers
Fri, 2012-01-13 05:50
#1
Forgot we need the whole enchilada, did ya?
The problem doesn't lie with body's min-height. I will take a guess that the left column is a float or positioned absolute. In the first case, make the float column's parent {overflow: hidden;}. See enclosing float elements. If it is the latter, hold your nose, because you're going under. That's an inappropriate use of the position property.
cheers,
gary
Fri, 2012-01-13 06:39
#2
Thanks for that, it seems to
Thanks for that, it seems to have solved it.
I placed overflow: hidden; into the parent body div and yes the child div was floating left. 
Good guess there. Like I said, an old dog learning new tricks.
#Body_Container { margin-left:15px; width:98%; min-height: 900px; overflow: hidden; } .Cms_Index_Container{ float:left; width:50%; }
Anyway thanks again gary.turner