Advanced Search

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