Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

General Discussion

Ryan Hellerud
Ryan Hellerud
3,635 Points
Posted by 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

Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points
Ayoub AIT IKEN
Ayoub AIT IKEN
12,314 Points

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

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

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.

moonshine
moonshine
8,449 Points

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

Robert Richey
PLUS
Robert Richey
Courses Plus Student 16,352 Points
Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

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

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

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.

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

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