I looked all sorts of sticky footer codes but all examples use settings for:
Header Div,
Content Div and than
Footer Div
I don't want to use these codes. I want to just write a simple CSS for a div that should appear just above browser's status bar and it should remain fixed even if the page behind it scrolls.
rpk2006
Member
631 Points
629 Posts
How to make a sticky footer which appears just above browser's status bar?
Apr 03, 2012 06:34 AM|LINK
I looked all sorts of sticky footer codes but all examples use settings for:
Header Div,
Content Div and than
Footer Div
I don't want to use these codes. I want to just write a simple CSS for a div that should appear just above browser's status bar and it should remain fixed even if the page behind it scrolls.
Vipindas
Contributor
5514 Points
810 Posts
Re: How to make a sticky footer which appears just above browser's status bar?
Apr 03, 2012 07:11 AM|LINK
This will help you
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style> #staticpanel { background: #B85503 none repeat scroll 0 0; border-top: 1px solid #C3702C; bottom: 0; padding: 12px 0; position: fixed; width: 100%; z-index: 100; } </style> </head> <body> <p> Body Content </p> <div id="staticpanel"> Hello! </div> </body> </html>rpk2006
Member
631 Points
629 Posts
Re: How to make a sticky footer which appears just above browser's status bar?
Apr 03, 2012 07:35 AM|LINK
Thanks it worked.