Forgot to mention, it seems to load alright- with the exception of the menu sticking out to the right a bit. It’s when I turn on the IE developer tools that it breaks bad.
Thanks for the quick response, WPyogi.
Are you talking about this?: <?xml version="1.0" encoding="UTF-8"?>
This website has a parent theme, and I can hardly tell where half of the html is coming from?
Yes. I’m not sure that’s the problem, but IE hates invalid code so I’d start by clearing those up. Not all errors are a problem, but some of those may be.
Also, what version of IE are you using?
I’ve been checking versions 7-10 with the IE developer tools. They all seem to be behaving badly.
Having a hard time finding the aforementioned code. I’m guessing some bit of php in one of the headers is calling it from somewhere…
I actually don’t see it now either, but there are some other relevant errors.
Many themes/sites won’t work well in IE7-8 unless you have special code…
Having a very hard time finding some of these errors in the editor- like the extra </script>. I must say, I was hoping this was just a css problem.
My boss says I can’t leave until it’s fixed, so I guess it’s gonna be a long night.
Thanks for the help, WPyogi.
Hmmm, now it seems to be just IE 9 and 10 that have problems. I’ve never seen that before.
It is just a css problem. Use conditional comments to target IE 9 and possibly 10 since these are the only two you are seeing the issue in. Set a 100% width to #nav ul (IE likes to have widths for almost everything), and play with the left/right padding for #nav a.
On a side note, you should also try to remove those “gaps” between each drop down element as in IE7-8 it makes the menu close if the mouse happens to come in contact with a gap, which is very often 🙂
IE tends to handle padding differently than all other browsers… you may also find you have a problem in Safari for MAC, as MAC uses different techniques for anti-alias and smoothing of fonts, which generally make them “larger”, which generally causes wrapping to occur.
On another side note, if something breaks when you launch IE’s developer tools, don’t use that as an idea that something is terribly wrong in your website’s code. Though in your case the code is really bad (through no fault of your own), the developer tools for IE are HORRIBLE and would probably break even the most valid of websites when launched. 🙂
Thank you, wpismypuppet. I finally solved the problem of the menu hanging off the right in 9/10 by getting rid of the left/right padding and setting a static width in #nav a.
I’d noticed the problem you mentioned with the drop down and got rid of the margin in favor of a border top.
My boss doesn’t understand that telling me at the end of the day that I can’t leave until the problem is fixed- when I’m running on three hours of sleep and no food- is not very effective. He finally let me go home, and after a burger, a beer and a nice four hour nap, my brain started working again and… problem solved.
Anyway, wpismypuppet and WPyogi, thank you both for your help.
