Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the document</title> <style> * { margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; background-color: #9e9e9e; margin: 0 auto -142px; } .footer, .push { height: 142px; } .footer { background-color: #318ccc; } </style> </head> <body> <div class="wrapper"> <h1>Sticky Footer</h1> <p>Example</p> <div class="push"></div> </div> <div class="footer"> Footer </div> </body> </html>