100% height in CSS

windows

Guest
Hey all,

For the life of me I can not fix my code so that the whole page (including the footer) is visible.

The page is 'cut off' before the bottom border.

The page loads fine if there is less content on the page.

Here is the link to what it looks like: Bad (<!-- m --><a class="postlink" href="http://test.levelfour.com.au/bad.htm">http://test.levelfour.com.au/bad.htm</a><!-- m -->).

Here is the link to what I would like it to look like: Good (<!-- m --><a class="postlink" href="http://test.levelfour.com.au/good.htm">http://test.levelfour.com.au/good.htm</a><!-- m -->).

(The graphics will be loaded in later - currently there is just image holders for guideline).

Thanks in advance.

f4k.A number of answers spring to mind.

1) Write shorter pages
2) What about people at different resolutions?
3) What are the big spaces for?
4) Is the page supposed to be balanced at the bottom of the screen?

Edit: if you check it out in FireFox you'll understand what I mean. Till then ignore answers 3 and 4.
 
Back
Top