Source: Raisul Blog

Raisul Blog 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; ... Continue reading Sticky footer using pure css

Read full article »
Est. Annual Revenue
$100K-5.0M
Est. Employees
1-25
CEO Avatar

CEO

Update CEO

CEO Approval Rating

- -/100