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

CSS

Andy Yates
Andy Yates
12,726 Points
Posted by Andy Yates
Andy Yates
12,726 Points

border-box and ie

Hi guys,

I'm building a site using a grid based on box-sizing: border-box; (I've applied border-box universally) and have got it working nicely on all browsers but ie.

I was expecting problems with ie 8 and below, and applied the box-sizing polyfill by Schepp. (https://github.com/Schepp/box-sizing-polyfill).

During my testing on the live site in Browserstack, not only is the polyfill not workng for ie 8 and below, but the site's broken in ie 9. Only in ie 10 is the grid holding up.

Does anyone have any ideas what could be causing this?

Thanks!

3 Answers

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

It's possible that the polyfill isn't linked right. I always have difficulty the first time I try a new one.

Did you make sure that your .htaccess file has this line in the appropriate spot?

  AddType text/x-component .htc
Andy Yates
Andy Yates
12,726 Points
Andy Yates
Andy Yates
12,726 Points

Hi John,

Thanks for your reply.

It looks like it's an issue with browserstack. I tried the site on a live xp desktop and ie 7 and all worked fine.

Panic over!

Thanks again,

Andy

John Locke
John Locke
15,479 Points
John Locke
John Locke
15,479 Points

Awesome. Good to hear it was a false alarm. Carry on.