Return to Snippet

Revision: 38670
at January 6, 2011 04:45 by toltmanns


Initial Code
<html>
<head>
<style type="text/css">
html > body #footer_wrapper {
    bottom: 0;
    position: fixed;
}

#footer_wrapper {
    bottom: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    z-index: 110;
}

#footer_wrapper {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
}

#footer {
    -moz-border-radius: 3px 3px 0 0;
    background: url("/images/footer_bar.png") no-repeat scroll left top transparent;
    border-bottom-width: 0;
    bottom: 15px;
    height: 54px;
    margin: 0 auto;
    padding-top: 22px;
    text-align: left;
    width: 940px;
    z-index: 120;
}

#footer_wrapper {
    text-align: center;
}
#footer_wrapper {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
</style>

<!--[if IE 6]>
<link href="/css/ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->


</head>
<body>
<div id="footer_wrapper">
  <div id="footer">
Footer stuff goes here
  	
</div>
</div>
</body>
</html>

Initial URL
http://vr-3.com

Initial Description
Also seen for now at carinsurancerates.com

Assembled this in 2008 and have used it numerous times since then, reliable chunk of code. Jquery can be used to add a nice slide down option like on carinsurancerates.com

Initial Title
Sticky Icky Footer

Initial Tags
css, html, browser

Initial Language
CSS