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.

CSS

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

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

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

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