kyle212

I’m not sure I quite know the terminology, but I can certainly try.

Basically I went through and methodically figured out and cleaned up the various <div> sections and how they were positioned relative to one another. So, as it turned out, the #footer div was being positioned relative to the #wrapper div and not the #main div, which meant that when the #wrapper div ended, the footer appeared directly beneath it – in this case, about halfway down the page.

All this cleaning fixed my problem, but unfortunately I’m still not quite sure what caused it in the first place – why removing a sidebar widget had such a profound effect on the CSS; why the page was set up in such a strange manner in the first place, and how it managed to display so normally for the last few months; and why, even if it was so confused, it managed to display correctly in FF or Safari. If anyone has the answers to those questions I’d be very curious to know what exactly it was that I fixed.

Reading through this I’m not sure it’ll help anyone, but I hope that it does!

That worked great! – for Safari and Firefox. But IE still shows the footer floating in the middle. Do I need to add some more code for IE?

Thanks so much for the help. I know just enough about CSS to recognize what I’m looking at; not quite enough to troubleshoot these kinds of problems.