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

Help! Internet Explorer is Ignoring some of my media queries

after viewport 1366 is when a lot of the rules start to be ignored I have no idea what I did wrong. my link is (http://julianmcneilldesigns.com)

6 Answers

I wouldn't worry about IE8. It's got like 4% market share and the people using it are likely to be in an environment or so out of date that the js designed to make it work, either will be disable or again, so out of date it won't work anyway.

In 6 months I doubt IE8 will exist. It's losing market share at about 1% a month. Was 8.5% in April so now it'll be about 4% probably.

It's working ok for me on IE9, think that's the one I have, shipped with Windows 7. Media queries are working nicely. Logo shrinks and menu stacks. What's not working for you?

Only thing I would mention, as the pages become more vertical, the excess section height isn't reduced so there's a lot of empty space on the site. Is that what's not working? Everything else works a treat. Very nice job done! :)

I'm not sure which media queries you're referring to. I opened it up in IE10 and everything looked fine. Could you specify a bit more and maybe copy in some code snippets?

oh i forgot to mention in my first post that its not working in ie8. Thanks i'll defintely change size of the pages.

There is no media query support for IE8 and below. You could try this jQuery plugin for older browser support: https://github.com/ryanve/response.js.

I'm using respond.js but for some reason some of my media query rules will not work

Which version are you using? I'm not seeing it being loaded in Chrome Dev Tools. It could be a jQuery version conflict.

not sure https://github.com/scottjehl/Respond. do i have jquery link in my code too many times

it wont be shown loading in chrome i think because i have a conditional statement if anyone is using ie8 or less

I agree, I would not worry too much about IE8. The market share is decreasing. On another note, I just want to say that your site looks awesome Julian McNeill. Keep up the awesome work!

Thanks you everyone for replying