A link to your site would help.
http://www.DigiAve.net is the site.
You’ll see the Index.php and any of the links on the horizontal nav baer, all load both the compliant style sheet, and the IE specific one when looking in IE.
But if you go to “Blog”, open a Single Post, it’ll load only the compliant style sheet, regardless of browser. Which of course breaks IE.
I’m seeing:
<link rel="stylesheet" href="http://www.digiave.net/wp-content/themes/DigiAve/style.css" type="text/css" media="screen" />
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://www.digiave.net/wp-content/themes/DigiAve/iestyle.css" type="text/css" media="screen" />
<![endif]-->
on all pages – including single post pages – in both Firefox and IE8. Viewing the applied CSS in Firefox also shows style.css being loaded an applied on single post pages.
What I did notice was an increase in page validation errors from 30 on archive/listing pages to 56 validation errors on single post pages. Sure enough, the source code on single post pages shows <div id="wrapper"> before the page DOCTYPE. I think you have issues in some of your template files and that’s what is causing the design to break down in IE8 on single post pages.
Thanks for the reply.
I’ve done some more playing with stuff, and still no luck. I also see the <div id="wrapper"> outside the DOCTYPE, which is odd, but I also see it outside the DOCTYPE on the pages that are loading the stylesheets appropriately.
I just can’t figure out why the Single Post’s would break, but everything else works. Its still calling the CSS from the Header.php isn’t it?
Alright, here’s what I came up with. I don’t know if its a “Solution” but it works out to where a site visitor will never know.
I moved the <div id="wrapper"> to be called after <div id="header">. I don’t know if thats just the way it should be, but I was thinking I wanted the header within the wrapper.
Then I moved the horizontal menu, <div id="navmenu"> to be called within the <div id="header">.
I removed some erroneous called for the iestyle.css that I just put in arbitrarily hoping it woulld work.
After all this, site was loading the same in firefox and explorer. I did have to go back and adjust some margins and padding in both stylesheets. But in the end, it’s came out alright.
PS: The theme that is up now is different than the one I originally had up. I was using “Theme Test Drive” to view it on my end, but I had the same problem with the one you were viewing.
Eh….
So I checked the site in Firefox, Chrome, and IE on the comp I was usuing. all good.
I switched to a friends laptop with IE. It looks good, except the whole horizontal navmenu is gone.
Off to troubleshoot that…
