With my new custom theme, I am having a CSS problem that only shows up in Firefox. My footer is showing up in the wrong place with the background for the footer showing up in the main container section and the footer links showing up after the last item in the main content section (on pages with short posts).
Here is the main page:
Here is a post page:
The pages are working as valid XHTML and CSS, but I cannot get this to work. I would appreciate any help I can get with this. I think the problem might be with floats but I do not know how to fix it.
I was going to suggest inserting <br clear=”all” /> into the top of your footer.php file, to see what effect that it might have.
Note: You have other issues that you might wish to address… In earlier versions of IE the content of the right column loads beneath the content of the left column.
My guess is that you have some content that exceeds the defined width of your left column or your right column.
Thank you for your suggestion. I just found an answer that fixed the problem:
using “clear:both;” worked.
I will look into the width issue. Did you find the error on both pages or just on the homepage?
The issue is present on multiple pages, in earlier versions of IE.
After checking to see if it is a content width issue, you could also check to see if adding…
and / or
…remedies the problem.
I appreciate you working with me. I cannot get IE 6 to work at all. I have tried to get a conditional statement to work at the top of my header linking to a special IE6 style sheet but I must be doing something wrong. I am moving this to another post since we solved the original footer problem.
- The topic ‘Firefox Footer Problem’ is closed to new replies.