CSS Positioning help needed

[g0nk]

Greetings, I'm new here, and am learning CSS design, but I'm having a slight bit of a problem and as I try diffrent things, I'm getting more lost. I have my own site with a dev page for testing my design here http://www.g0nk.com/blog/dev.html and the stylesheet is http://www.g0nk.com/blog/g0nk.css

What I am trying to do, is make the footer box stay to the bottom, under the main content area.. At first I aboslute positioned it to the bottom, but once the main content grew enough to get to the bottom, it would not push the footer down, only leave it in it's position and display under the footer..

I'm kinda at a loss now and not sure how to fix this.. any help would be appreciated.. Thanks!

g0nk

[drhowarddrfine]

When you absolutely position a div it is taken out of the flow which is why the footer floats up to the bottom of the previous content.

[g0nk]

When you absolutely position a div it is taken out of the flow which is why the footer floats up to the bottom of the previous content.

How do you suggest I fix this? Like I said, im a newb at CSS positioning, so i'm not quite sure how to acomplish this.

[JSchwarz]

g0nk, someone just answered this same question for me.

Here's my question: http://www.webdeveloper.com/forum/sh...ad.php?t=82610

The best suggestion I received was this link: http://www.alistapart.com/articles/footers/

[g0nk]

ok, I have started from scratch, and I got the main part right, but now it's not displaying the background images for the main_header and main_footer correctly.. only in IE, works correctly in Firefox. :| i dunno why it's doing this now..

the html and css files are in the same place as linked above..

[g0nk]

alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..

[g0nk]

alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..

any help on this new problem would be greatly appreciated.. thanks!

[g0nk]

alright, i fixed part of it, with overflow: hidden; ... but in IE, it still edges the main_header element down a pixel or 2 for some odd reason..

bump for any possible help.. i sitll havent figured this out, (page in question.. http://www.g0nk.com/blog/dev.html )