Here's what I'm trying to do:

PHP Code:
+----------------+
|  
header img    |
+----------------+
|  
menu bar      |
+----------------+
|                |
|                |
|  
page body     |
|                |
|                |
+----------------+
|  
footer        |
+----------------+ 

I have a header image at the top, a menu bar right below that, and the page body. I want to have the footer display at the bottom of the browser if the page is not scrollable and if it is scrollable, it simply appears at the bottom. The page body should extend to the footer at the bottom of the page if the page is not scrollable.

How would you go about achieving this without using tables?