Download - Javascript Footer Floater

8/12/2019 Javascript Footer Floater

http://slidepdf.com/reader/full/javascript-footer-floater 1/2

source: http://stackoverflow.com/questions/146659/how-do-i-get-a-floating-footer-to-stick-to-the-bottom-of-the-viewport-in-ie-6

This may work for you. It works on IE6 and Firefox 2.0.0.17 for me. Give it a shot. I made the footer's height very tall, just for effect. You would obviously change it to what you need. I hope this works for you.

------------------------<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Liquid Footer</title> <style type="text/css"> .footer {background-color: #cdcdcd;height: 180px;text-align: center;font-size:10px;color:#CC0000;font-family:Verdana;padding-top: 10px;width: 100%;

position:fixed;left: 0px;bottom: 0px;} </style> </head>

<body> This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page 

This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page

8/12/2019 Javascript Footer Floater

http://slidepdf.com/reader/full/javascript-footer-floater 2/2

This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page 

This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page This is to expand the content on the page 

This is to expand the content on the page This is to expand the content on the page <div class="footer">-- This is your liquid footer --</div></body></html>