Footer floating problem at the heart of the page

Asked By 50 points N/A Posted on -
qa-featured

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.

SHARE
Answered By 0 points N/A #141423

Footer floating problem at the heart of the page

qa-featured

 

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.

 

Related Questions