Body only takes up a small part of the page

HTML & CSS
1

check it out with the firefox inspector, the body only takes up a tiny part of the page, why?
trying to put page browsing links at the bottom but they get hidden behind the subscribe button because the body is so small
so wierd
http://mw3dailymedia.com/edit/

2

I’ve moved this to the CSS forum, as it’s not a PHP question. :slight_smile:

You have a lot of floated elements sitting directly on the body element. It would be better to wrap all of your content in a “wrapper” div (one or more) and then set overflow: hidden on that div so that it wraps around the contents. A container element doesn’t wrap around floated contents by default. overflow: hidden on the container is the easiest way to change this, but it has bad consequences if you do that on the body element itself.

3

Hello :). One reason is b ecause you basically have two parents in that page. One is absolutely positioned so there is no way that the parent can know it’s there. It’s taken out of the flow :).

Next one, #paragraph, has all the content basically, but it’s all floated inside. That takes elements out of the flow as well. The parent doesn’t even konw it’s there. YOu need to contain the floats and thus allow the body to extend its’ height.

Try adding overflow:hidden; to #paragraph and you’ll see the body extend (because #paragraph gets taller due to it containing the children, and as a result the body gets bigger from seeing #paragraph got bigger) :slight_smile:

4

thanks guys, works great
sorry for posting in the wrong forum,
i should have realized it was a css problem