MyBB Community Forums

Hello everyone,

I am working on a MyBB theme for a friend of mine, and for the life of me I can't get the footer to get to the bottom of the page. It sits at the bottom of the page fine when the pay is long enough, but when the page is shorter (as shown below) it sits up higher than I want it to...

(All the space between this text and the grey footer is what I want to remove...)

This is the div in the {$footer} template
(Please note the MyBB copyright has been removed for now, but will be re-added )

<div id="footer_back"></div>

and this is the main CSS I have modified:

body {
	background: #f0f0f0;
	color: #000;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 13px;
	text-align: center; /* IE 5 fix */
	line-height: 1.4;
        max-width: 100%;        /* Prevents side */
        overflow-x: hidden;      /* way scrolling */
}

#container {
	width: 65%;
	background: #f0f0f0;
	color: #000000;
	text-align: left; /* IE 5 fix */
        padding-top: 60px;
	margin-left: auto;
	margin-right: auto;
}

#footer_back {
	background: #222222;
	height: 45px;
	width: 1000%;
	margin-left: -5000px;
}

I have tried multiple CSS & jQuery "tricks" to get the footer_back to stick to the bottom, but none of them seem to help whatsoever :/

Anyway, thanks in advance for any help, and if anything more is required please feel free to let me know.
Cheers,
Zman