Sticky footer using pure css

HTML:

<body>
<div id=“wrapper”>
<p>lots of content</p>
</div>
<div id=“stickyFooter”>
<p>Content for sticky footer</p>
</div>
</body>
CSS:
.stickyFooter {
position: fixed;
bottom: 0px;
width: 100%;
overflow: visible;
z-index: 99;
padding-top: 5px;
padding-bottom: 3px;
background: white;
border-top: solid white 2px;
background-color: #89D4DF;
-webkit-box-shadow: 0px -5px 15px 0px #bfbfbf;
box-shadow: 0px -5px 15px 0px #bfbfbf;
height: 34px;
}

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>