Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

General Discussion

Ryan Hellerud
Ryan Hellerud
3,635 Points

internet explorer site problems, how to fix ?

Trying to figure out whats causing my site not to render correctly or at all really, in internet explorer. I'm using zurb foundation 5 as the framework and I'm not sure whats causing the problem, or if it has to do with something java-script related. In any case, not sure how to go about debugging it, that's why I came here. The link is http://ops.emsofl.com/ . It works perfectly on chrome.

2 Answers

The quickest and simple way to go with that ; get rid of that browser and get chrome or firefox !

Ayoub, a large number of businesses use Internet Explorer. It is not helpful to tell a large client to "get rid of that browser", so as developers we need to figure out solutions that will work for them.

It works perfectly in Chrome (and Firefox probably too) because IE is a terrible browser.

Hi Ryan,

The major issue appears to be coming from the version of jQuery.

"jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8."

Changing the loaded jQuery file to version 1.11.2 un-breaks the site. But, a lot of styling is not working as intended. At this point, I'd normally add

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

to the head, but doing so appears to have negative effects (the site slows down more and more styles break). At the very least, changing your jQuery version will get you going on the right path to making this work in IE 8. For all other versions of IE 9+, no problems were found.

Hope this helps,

Cheers

If the current jQuery file was customized in any way before being minified, instead of switching to another jQuery, you may be able to add a definition for addEventListener as described in this Stackoverflow post.

Edit: In fact, I'll just try it out and see if this works.

No dice on the attempt to add addEventListener to the minified jQuery 2.x.

More bad news, from the Responsive Tables page,

Device Compatibility

"This technique was tested on iOS, Android and Windows Phone 7 (as well as Chrome, Safari and Firefox)."

This JS library is not intended to be compatible with IE8. I won't say it isn't possible to get this working, but at this point you may need to consider how much time you're willing to invest to make your site compatible with IE8.

Good luck, and Best Regards