Creating Static Footer / header With CSS - Div That Stay At The Bottom / Top of Page

Creating Static Footer / header With CSS - Div That Stay At The Bottom / Top of Page: Creating the div that always stay in the bottom or Top of any page of your blog is pretty easy, Simple css and html code will help you to do it smoothly with unbeatable result, here`s the code to achieve that task :

<style type='text/css'>div#staticfoot{
left: 0px;
position: fixed;
bottom: 0px;
width: 100%;
height:70px;
z-index: 1000;background:#fff;}</style>
<div id='staticfoot'>Content here</div>

left: 0px; - This code instruct the div to be always 0px from the left side.
bottom: 0px; - This way we make sure the element of that div will always stay at the bottom of the page, you can make it stay at the header by changing the code bottom to top (bottom: 0px;).
height:70px; - This is the height of the div, adjust them to your need.
width: 100%; - this is the width of the mentioned div, you can adjsut them to your need as well as using em or px measurement.
z-index: 1000; - to make sure the div is always on the top layer.
background:#fff; - this is the background of the mentioned div chose from any html color to suit your need.