Wocugon
Wocugon

Reputation: 586

Footer not at bottom

There is a content class, in which there 2 have class classes in it, One is left float and other is right float as you seen in image.

I want a footer at the end or bottom of my page, i.e after the 2 classes div ends.

enter image description here

CSS:

.footer
{
    background-color:black;
    width:100%; 
    height:25px; 
    margin-right:auto; 
    margin-left:auto;
    color:white;
    bottom:0px; 
    position:absolute;
}

But is it not working. If you see the image,it is not at the bottom... even though bottom:0px? Is there any problem?

Upvotes: 2

Views: 55

Answers (1)

Prakash Laxkar
Prakash Laxkar

Reputation: 854

Add this before footer div

<div style="clear:both;"></div>

and remove position: absolute from footer css

Upvotes: 1

Related Questions