Weird display

Permalink
I set up a website using the default Yogurt theme (with a few modifications to the header and footer) and have run into a weird display problem forhttp://www.accordnow.org

On most computers, the website displays just fine using IE8, Firefox, Safari, and Chrome (in 2 columns). However, on 2 computers (one is a Windows XP SP3 running IE8, with all Windows updates) is displaying the bottom part of the second column in a third column (see attachment).

Has anyone seen this problem and know how to resolve it? Is the problem caused by an IE8 setting, missing add-on, or something else?

Marty

1 Attachment

 
jbx replied on at Permalink Reply
jbx
The problem is actually when ie8 is in compatibility mode (ie7). ie7 is a lot less forgiving with things like improperly closed tags. The html on that page is a real mess, I guess partly caused by TinyMCE. I think the best thing you can do is to take the html out of that content block and manually clean it up. You could reduce the amount of code in there by about 75%, and then you should be able to spot the offending tag. My guess is that there is an extra </div> in there somewhere, which shouldn't be there and so ie7 is placing your footer outside of the div, whereas most other browsers are spotting the mistake and fixing it.

Jon