How to make new Zurb Foundation support for IE 7+?

Question

I recently build an responsive website. I use Zurb Foundation because some advice and article its the best solution for make responsive website more efficient. But the problem, the new version of Foundation don't support for IE 7+, as you can see here, but I want my website support for all of IE version. Some suggest advice to use old Foundation (i.e. vers 3). But I think the newest version is the best.

My question, any solution to make new Foundation (vers. 4) support for IE? I need the advice because I'm stack here. Thank you

Answer 1

The problem with IE7 and IE8 is that they don't have built in support for media queries.

There are some options which may help you though, cross-browser polyfills that add media query support to old browsers.

The two most popular are respond.js and css3-mediaqueries.js . I've had success with both.

In the head of your page, you test the browser and load one of these scripts if necessary.

Ways I've done this in the past are either with conditional comments:

<!--[if (lt IE 9) & (!IEMobile)]>
<script src="path-to/respond.js"></script>
<![endif]-->  

or by using modernizr

Modernizr.load([
{
// The test: does the browser understand Media Queries?
test : Modernizr.mq('only all'),
// If not, load the respond.js file
nope : '/js/respond.js'
}
]);

Both methods are easy enough to try, and even if though don't help you this specific case, you'll probably get the opportunity to try them again on another site.

Good luck!