Question

My CSS CODE

footer {
        background-color: #242424;
        bottom: 0;
        clear: both;
        color: #727272;
        height: 210px;
        left: 0;
        line-height: 20px;
        position: absolute;
        width: 100%;
        z-index: 1;
    }

My HTML CODE

 <footer></footer>

This is my site

You can see the footer bar on the middle.why is that i used correct CSS for that ??? any help would be appreciated ?

Answer 1

Use position: relative to show footer under main body content or position: fixed to stick it at the bottom of your page.