CSS footer positioning

Try to include it in the center colum div, this will keep the foot div inside the center column.

<div id=”postcolumn”>

<div id=”posts”>

post stuff here
</div>

<div id=”foot”>

post stuff here
</div>

</div>

won’t something like this force the footer to display within the bottom of the center column? i’m trying to avoid something like that, that’s actually how my previous footer displayed.

encase *everything* in a “holding” container div. Set that div to text-align:center. Put your footer in after that three containers above it.

That’s pretty much all there is to it.

Alternatively, set your body to “text-align:center” (for IE), and set the footer div to “margin:0 auto;”

ok, it’s where i want it in IE6, but Firefox/Opera display it still on the left edge of the page container. (also any ideas on the odd height of my middle column in IE6?)

and i just noticed the text-align:center on my #page_container made all text everywhere else go centered…

eliminated the text-align:center from #page_container, but now have my <div id="foot"> within the page container so that it is within the margins of the rest of the page. 2 more hurdles to overcome:
1. center it under the post column
2. figure out what is messing with my center column in ie6

ive come to a compromise with my footer, i think it also looks better stretching across the length of the page. now i have this grey stretch of my background that shows through ?? but only in firefox/opera, if its not one browser, its the other, grr.