Search code examples
htmlcsssticky-footer

Sticking footer

I'm try to get my footer to stick to the bottom of the page on this website: https://account.radonsystems.net.

Unfortunately, it seems not to be working, though it is working everywhere else I've used it.

This is the CSS for the sticky:

html, body {height: 100%;}

#wrap {min-height: 100%;}

#main {overflow:auto;
padding-bottom: 57px;}  /* must be same height as the footer */

#footer {position: relative;
margin-top: -57px; /* negative value of footer height */
height: 35px;
clear:both;}

/*Opera Fix*/
body:before {
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/
}    

.footer a,.footer a:hover{text-decoration:underline;color:#FFF;}

Does anyone have any idea of why it's not sticking to the bottom?

Solution

  • If it works everywhere else, then something must be wrong with that html page, not the CSS, maybe post the HTML page code, or compare it to those that actually work correctly.