Placing Footer Under Content Doesn't Seem To Work

I'm trying to get the footer on a webpage under my content, regardless of the length of the content. For some reason, it doesn't want to. HTML:

&

Solution 1:

As you have not mentioned the style which has been used for class="navigatie" I guess you have used float property there. If so then add overflow:hidden to .container. For e.g.,

.container {
    width: 1000px;
    margin: auto;
    height: 100%; /* For IE6 */overflow:hidden /* For all other browsers*/
}

If my assumption is not right, then please provide the full list of elements present inside .contaier and also the full stylesheet.

EDIT: Try this

 HTML:
   <divclass="contentPart"><?php//include the page contentinclude_once ("content/".$_PAGE.'.php');
      ?></div>

CSS:
.contentPart {
     overflow:hidden;
     height:100%;
}

Solution 2:

try adding a float:left; to .footer class

.footer{
  float:left;
}

if you can get a jsFiddle up it'll help massively

Share