Footer doesnt move down with content

AlexW · February 10th, 2011, 06:34 PM

Wonder if someone can help, I'm using CSS to format content and footer Div's but when the content placeholder becomes bigger, the footer Div doesnt move down with it, instead it stays put over the content.

This is what I have in the CSS:
#MainContent
{
width: 630px;
height: 500px;
float: left;
}

#Footer
{
width: 990px;
height: 50px;
text-align: center;
font-size: x-small;
float:right;
}

Imar · February 10th, 2011, 06:38 PM

Hi there,

Is this related to the Planet Wrox sample web site? If so, which theme?

Imar

AlexW · February 10th, 2011, 06:58 PM

Hi Imar, no I'm making my way through the book and was doing some testing of my own. Is there a section that deals with a CSS property that would ensure the footer expands with the content place holder?

Imar · February 10th, 2011, 07:17 PM

Hi Alex,

In that case, for future questions like these, would you mind posting this in an HTML or CSS forum? Makes it easier for everyone, and increases your chance on an answer.

Have you tried the clear:both and removed the float attribute?

Imar

AlexW · February 10th, 2011, 07:52 PM

Hi Imar, sorry I will post in a more specific forum in the future, can you recommend any?

If I change the Footer to clear:both; the content appears over the footer but it doesnt move down with it. If I try clear:both; with the content page it all moves down below the menu sidebar Div which is situated to the right of the content Div...

Imar · February 11th, 2011, 05:10 AM

>> can you recommend any?

Here's a link to the CSS forum

http://p2p.wrox.com/css-cascading-style-sheets-146/

Hard to recommend anything now because I don't know the HTML and CSS you're using. If you repost in the CSS forum, you may want to post complete, simplified example of your HTML and CSS.

Cheers,

Imar