Need help with sticky CSS Footer please...

Hello guys, can anyone help me with css? im still learning.
I want to make the footer sticky at the bottom even though the content paragraph is only 4 or 5 sentence. How do I do this? Please check the picture, how do i make the body trecth all the way to bottom? thank you!

 

position the div to the bottom of the browser;

/* FOOTER */
#footer {
position: absolute;
bottom:0;
clear: both;
margin: 0;
padding: 1%;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

 

thanks, but its not working
no change

 

Can you post a link to review? or you can post the html markup?

 

/* FOOTER */
#footer {
position: absolute;
bottom:0;
clear: both;
margin: 0;
padding: 1%;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
}

position: fixed instead of absolute

 

It works at my side when I reproduce a markup and styles.