Hi i have an error with my pages of my new site in firefox the footer in IE will stay at the bottom of the page when the page expands to display dontent but with firefox the footer remains in the same position and will not move to the bottom of the page so all me content goes over the footer what can i do to fix this problem.

I guess you have it positioned absolute at the bottom. Problem is absolute bottom doesn't mean bottom of the content, it is the bottom of the viewport which is determined by the height of the display area in the browser window.

If you want it to be at the bottom of the longest element on the page, code it immediately before the closing body tag and use position: relative & clear: both in the footer style.
This will make it be pushed down after all other elements.

Hi i did that and it did not work for the footer to set below all elements what else could be causing this problem

Can you post a link to the site or some code?

You can see with the below url in IE its fine but not in firefox


http://www.simplelance.com/cgi-bin/f...gi?new=project

It doesn't look like an easy fix. I think the problem is that the element containing the footer is the body itself (at least I think it was). Since you've positioned the bodywrap div it's been taken out of the normal document flow so the bottom of the document isn't quite where you think it is.

I think the easiest thing for positioning will be to add the footer inside the bodywrap div. You'll probably have difficulty though getting to be 100% of the width of the browser window if you do though.

If keeping the width of the footer 100% of the window is important then I think you may need to do some restructuring of the html to get it to work the way you want.

The main problem though is you've taken the content that is controlling the height of the page out of the body itself so as far as the document is concerned the footer is sitting at the bottom of it's containing element which is the body.

I wrote an article on my blog about creating a 2 column css layout that's very similar to the look you're after. It's not exactly what you want since in mine the header would be the same width as the footer as are the overalll width of the columns. It might be a good starting point for the structure though and it doesn explain the document flow issue a little more I think.