Keeping Footre At The Bottom

[Bioshox]

Guys, how do you do this in CSS/HTML

I'm currently using this CSS and HTML but in some parts of the website its not pushed to the bottom;

HTML:

<div id='footer'>
<div class="footer">
<br>Powered by <a href="http://www.fusionstrike.co.uk/live.html"><font color="#ffffff">Fusion Strike; Live!</font></a> |  <a href="http://www.fusionstrike.co.uk"><font color="#ffffff">Fusion Strike</font></a> &copy 2010 | Build 1250<br>
	<?php
	
		putenv("TZ=Europe/London");
		echo "All times are GMT+. The time is now: " . date(" h:i A").""; 
		
	?>
		</div>
		</div>

CSS:

	#footer {
    font-family: Arial;
	font-size: 8pt;
	text-align: center;
	color: #000;

}

.footer, .push {
height: 4em;
background-color: #000000;
color: #ffffff;
}

[bastones]

I think I understand what you need to do, but if I'm wrong I do apologise.

Replace any code you've used to try push the .footer to the bottom, and try using this:

.footer {
position: absolute; /* this positions the .footer selector anywhere we tell it to, irrespective to other elements "space" */
bottom: 0; /* this pushes the element to the bottom */
}

[Sphexa]

Heres a easy solution, Create a div for all the content above the footer, then it should work

[DarkLordoftheMonkeys]

It depends on what you're trying to do. Do you want a footer at the bottom of the web page? If so, you should use absolute positioning (position: absolute; bottom: xpx.