Almost all of bootstrap styling not working in IE8. Works fine in chrome and firefox

Question

I'm working on a classic .asp site and am using bootstrap for styling. Everything is working fine in chrome and firefox, but almost all of the styling is missing in IE8.

I'm using bootstraps carousel and modal and none of them are looking like they should. The carousel is just rendered as a series of images and none of the back/forward buttons are working.

The modal isn't styled at all, and is just inserted on the page as a "box" with a border" (no backdrop, rounded corners or anything).

I've tried a few more of the bootstrap library styles, such as tables and buttons and nothing looks like it should. I know that the bootstrap.css gets included as some of the styling works (e.g button colors). The bootstrap js works fine.

Is there anything additionally that I need to add to my html docs (doc types or what not) to make bootstrap work as it should in IE?

I'm using bootstrap v2.2.2

Thanks in advance!

Answer 1

There's some HTML5 shim excerpt (see below) necessary to support the HTML5 doctype in IE8 and lower. Did you check if it's still in the pages you built?

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 <!--[if lt IE 9]>
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
 <![endif]-->

Answer 2

Ok, so I figured it out. Wow this is really stupid. Apparently I was running IE in quirks mode.. This is what happens when you let a mac guy mess around in windows. Anyway, thanks for the feedback.