Issues with 960gs and Internet Explorer on my blog_问答_开发者

Issues with 960gs and Internet Explorer on my blog

开发者 https://www.devze.com 2023-03-18 14:46 出处：网络

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

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/>

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/

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.

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