Making Zurb's Foundation 3 work with IE7

Question

A solution has been proposed for making Zurb's Foundation 3 Framework work with IE7. Not necessarily complicated support, but certainly grid support.

Solution is presented as: http://www.stormconsultancy.co.uk/blog/development/code-snippets/making-zurb-foundation-3-work-on-ie7/

I've tried to replicate this here: http://sausag.es/foundation/grid.html

I've added a link to the htc file in my foundation.min.css

The reference is relative to the HTML, not the CSS.

I've added a line in htaccess about the htc file.

But still I cannot get the grid to show in IE7 as it does in IE8. Where am I going wrong?

Answer 1

The following line in your stylesheet:

*behavior: url(/stylesheets/box-sizing.htc);

translates to the following address:

http://sausag.es/stylesheets/box-sizing.htc

which returns a 404. You could fix this by changing the line to:

*behavior: url(/foundation/stylesheets/box-sizing.htc);

or by moving the box-sizing.htc file down one folder.