Footer floating problem at the heart of the page

Asked By annarforster 50 points N/A Posted on - 07/16/2012

Hi everyone,

In forum I have emerged as a new user. So I am going to have some hand of cooperation. New things for me are like HTML, CSS, PHP etc. I found that the footer continues floating at midst in the pages and all my hard attempts have been taken to solve this trouble but failed. So please solve this.

Thank you in advance for your assistance.

• Status: Open
• Question Views: 736
• Answer Count: 1
• Vote Up 0 Vote Down

• Answer Accepted: No
• Question Category: Internet

Answered By Gina Veronica 0 points N/A #141423

Footer floating problem at the heart of the page

 

Hi Annarforster!

Improper design/styling is the reason why your footer is floating on your pages.

Create a <div> for your content and another <div> for your footer and place it below the <div> content so that footer will not float.

If you floated your footer, make sure you add clear:both; in you css.

Here is an example on how you do it.

<div id="content">

put your content here

</div>

<div id="footer">

put your footer contents here

</div>

CSS code

#footer {

float: left;

clear:both;

}

Please take note that you will only apply the CSS code if you floated the footer.

 

About Gina Veronica

Questions
3

Answers
40

Best Answers
11

• Vote Up 0 Vote Down

• Posted on - 07/29/2012
• Question Category: Internet