sticky footer

easy smeezy

by Joshua Powell

HTML

<header></header>
<div>
    
</div>

<footer></footer>

CSS

html {
    background: #ff7200;
    margin: -8px; /* only because of jsfiddle adding a margin or padding to the testing box */
}

header {
    height: 50px;
    width: 100%;
    background: mediumSeaGreen;
}

p {
    color: #fff;
    margin: 0;
    padding: 0;
}

div {
    width: 100%;
    height: 500px;
    background: #2b2b2b;
}

footer {
    background: #ff7200;
    width: 100%;
    height: 50px;
}