Footer

by santon

HTML

<div id="contentPage">
    <header>
        <div>This is my header</div>
    </header>
    <section>
        <div>Content section</div>
    </section>
    <footer>
        <p>This is my footer</p>
    </footer>
</div>

CSS

footer{
    height:50px;
    /*width:1600px;*/
    width:100%; /* Converted to fluid width */
    /*border: 5px solid orange;*/
    border-top: 5px solid orange; /* all around border triggers horizontal scrollbar. So use only top border*/
    background-color:white;
    position:absolute; /*or fixed*/
    /*padding-top:800px;*/ /* padding only adds space inside the box. so remove*/
    bottom:0; /* position the footer at the absolute bottom of the page*/
    left:0; /*position the footer to the absolute left of the page*/
}