Issues with 960gs and Internet Explorer on my blog

Question

I have put up a new blog which uses Toto with Rails 3 and it is working perfectly in Chrome, Safari and Firefox. The problem is that Internet Explorer 7 and 8 don't render the pages right. I'm using 960gs grid system and a very simple CSS markup.

I would really appreciate if someone could help me understand why 960gs is not working as well as the header of the site not using proper CSS in IE while other browsers are working properly

http://vova.org

Edit 1: If I use IE Developer Tool and look at the HTML, I see that it is not parsed well, for example:

</header/>
<section/>

Try to add a reset css http://stackoverflow.com/questions/116754/best-css-reset — aruss, Jul 07 '11 at 18:23

score 3 · Accepted Answer · answered Jul 07 '11 at 19:10

3

You need to add the HTML5 shim for IE support. Simply put this in your html <head>.

<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
....

You can read up on the HTML5 shim and its history here: http://paulirish.com/2011/the-history-of-the-html5-shiv/

answered Jul 07 '11 at 19:10

Lime

13,400
11
56
88

Thanks, that helped a lot! I also +1 everyone else since the answers are very similar. – Zepplock Jul 07 '11 at 19:57

score 2 · Answer 2 · edited Oct 05 '11 at 19:36

2

To get HTML5 Elements working in older versions of Internet Explorer, you have to use a HTML5 enabling script.

For further infos, see here: Dive Into HTML5.

edited Oct 05 '11 at 19:36

µBio

10,668
6
38
56

answered Jul 07 '11 at 19:10

phoibos

3,900
2
26
26

score 1 · Answer 3 · answered Jul 07 '11 at 19:03

1

You use HTML5, its not supported by IE7. Tags like header, section, article are HTML5 tags. use div tags instead to avoid the problem or just ignore IE7 users, but show them a message why they shouldn't use IE7

answered Jul 07 '11 at 19:03

aruss

354
1
13

Issues with 960gs and Internet Explorer on my blog

3 Answers3