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

None of my media queries work in Internet Explorer. Any Ideas?

I've designed a site from desktop then using media queries to make it work on tablet and mobile. It works great in Chrome & FF but with IE. None of the media queries work, instead all my elements squash up and the site looks a mess.

Any ideas why its doing this?

3 Answers

Turns out I didn't close off one of my media queries with }

So all media queries that affected elements after 1200px didn't work.

Steven Parker
Steven Parker
243,656 Points

:bomb: Could it be that IE just sucks? :boom:

But seriously, have you checked Can I Use to see if the features you have added are supported in the specific IE version you are using?

All IE's, 8,9,10, edge.

inspecting the element in IE none of the responsive styles are coming accross. But adding them in there they then work. How would I create an IE only responsive stylesheet?

What version of IE? Older versions (IE 8 and older I think) just did not support media queries at all.

All IE's, 8,9,10, edge.

inspecting the element in IE none of the responsive styles are coming accross. But adding them in there they then work. How would I create an IE only responsive stylesheet?