CODEWITHSUNDEEP
htmlinternet-explorerinternet-explorer-8cross-browser
Jay Smoke
Jay Smoke

Reputation: 604

HTML 5 webpages display hapardzardly in IE8

I recently started developing pages in HMTL 5 and everything works perfectly well in all other browsers except IE. What could be the problem?

Thank you in advance!

Upvotes: 1

Views: 457

Answers (3)

veelen
veelen

Reputation: 1924

Thats because Internet Explorer interprets CSS And the new HTML5 tags differently than other browsers.

See: css-differences-in-internet-explorer-6-7-and-8 on smashingmagazine.com

There is a HTML5 boilerplate available which eliminates some of the crossbrowser differences, but not all: html5boilerplate.com.

Also, in conjunction with the library modernizr you are able to minimize the difference. But while you develop a website, you always do have to check the rendering in all the browsers on which they will appear, because different browsers don't render the same.

Upvotes: 2

ShibinRagh
ShibinRagh

Reputation: 6656

Try

<!--[if lt IE 9]>
<script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
<![endif]-->

If you are building responsive website you should use 

<!--[if lt IE 9]>
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<![endif]-->

File you can download from http://www.initializr.com/

Upvotes: 1

Mark
Mark

Reputation: 6864

IE does not understand the new HTML5 element, you need to include a script that enables those element for IE.

<!--[if lt IE 9]>
<script src="dist/html5shiv.js"></script>
<![endif]-->

More info: html5 shiv

I always use modernizr, it does the same job for you:

Upvotes: 3

Related Questions