Did you include a link to your site, so that others can see the problem?
I tried something similar to the sticky footer, but the problem is that I dont have a wrap to header and content
You shouldn’t need a wrap. Your body tag wraps everything and is set to height:100% already.
I added the css there with the proper selectors, but the footer is still just after the content
Try this:
html, body {height: 100%;}
#main-wrapper {
min-height: 100%;
margin-top: -124px;
}
#main-wrapper .container {
margin-top:124px;
padding-bottom: 50px;} /* must be same height as the footer */
body footer#footer {position: relative;
margin-top: -50px; /* negative value of footer height */
height: 50px;
clear:both;}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}
Let me know if that works. Thanks!
I customized the template, now the footer is in the bottom
thanks