Thanks for your question. What exactly are you seeing in IE? I am testing the completed files in IE10 and the CSS loads fine. Perhaps you can attach a screenshot or detail what you see in IE developer tools so we can better diagnose the issue.
That's Internet Explorer in its ultra-cautious mode with locally viewed files. If you click, Allow Blocked Content, it should display correctly.
I don't understand why you're getting the same problem on a remote server, though. I've just tested it from my own website, and it displays correctly without complaint. However, it is possible that I changed the IE settings for my own site when originally testing.
Try it for yourself: http://foundationphp.com/test/brinaldi/
Same here viewing yours too.
Chrome Ok. IE as previously described.
Will download a fresh Zip and try again later
This won't display properly in IE either: http://www.tonydonelan.webatu.com/ (which is based on yours)
Will study your excellent DW videos again especialy with particular attention to "parent/child" and "nesting" css features.
I notice your page starts off with
After running the validator on it, I've changed it to
LOL! A very Irish solution. Sadly, it's not the answer. There is no such doctype. The one in the example files is correct.
The problem lies with your IE settings. You're in Compatibility View. See the following screenshot taken in IE 10 with Compatibility View turned off (click on the screenshot to enlarge it).
Now take a look at the following screenshot, which shows the same problem as you reported. If you enlarge the screenshot, you'll see that the Compatibility View icon is blue, indicating that it's in Compatibility View.
Why the difference? Microsoft, in its wisdom (?), knows that a lot of websites aren't up to speed with the latest standards, so it introduced Compatibility View to make IE 9 and 10 work like IE 8. The Bayside Beat website uses HTML5 semantic elements, which are not supported by IE 8. That's why it looks as though the style sheet is not being loaded. It is, because you wouldn't see any of the colours if the style sheet were completely ignored.
However, the HTML5 shiv would have no effect in your case. It can only be fixed by switching out of Compatibility View. Microsoft's attempt to make IE more user friendly has, in my view, made it less so.
I am having the same problem as brinaldi mentioned above. I have built a simple website at www.coronadoinvestments.com and it (along with the Bayside Beat "completed" index.html) does not work properly in IE10 whether or not I use compatibility mode. Is there something I can do to fix this?
Thank you for your help.