Help: Footer wants to meet the header

Hi Everyone,

Some thing has gone wrong with my site's CSS/Layout. I have tried reverting the changes but all in vain. My site is http://reviewofweb.com/

Here are the two problems:

1) The footer has come up and is nearly touching the header (if you see in FireFox 3) Though in IE6 it is there where it should be ie at the v bottom.

2) The content of the first right column has gone into the second right column.
So, ideally "Recent Posts" and "All Posts"should be in first right column but they are now showing in 2nd right column(below the RSS icon). This problem is common in both IE6 as well as in Firefox 3.

Guys I have tried(and even took help from a friend) what ever I could but seems I am missing something.

The irony is yesterday I made a review on firebug (the firefox extension to check these kind of errors) and today I am not able to solve such problems myself

Can someone help? I would be glad to provide you with more info.

 

One thing you might want to try doing is having your header and footer div outside of the main container div. That way they're separate. I found that seems to help things.

Like this:

<div id="header"></div>
<div id="body-of-stuff></div>
<div id="footer"></div

Code (markup):

For the side bars sliding allover the place, make sure the width of your divs isn't wider than the width of your container div

 

Thanks for the response steve875...as of now I see that header is inside container but footer is already outside. Should I try to move this header div out of container div? I hope that doesn't mess up the layout more...

For the side bars... This is the CSS for container...

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0px 0px -40px;
}

HTML:

I don't find any width parameter-value pair. Do I need to manually add some width parameter here?

 

Yeah, I would definitely give moving the header out of the container a try.
Then add this to the code "margin: 0 auto;" that way its centered.

I don't know if a width is needed but I always give a width.

 

I tried all...nothing worked so I have reinstalled the theme ...which took less time than what troubleshooting was taking.

Thanks for all your help +repped