The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

I.E is killing me.

  • # May 9, 2013 at 4:08 pm

    I have a simple site:

    basic portfolio, works fine everywhere except i.e 8 and below. Unfortunately here things get real sticky. The media queries seem to be recognised in firebug but nothing changes, you can see width’s explicitly set but they are still sitting at 100%, simple text-align: center; declarations are getting ignored.

    Here is a link to the CSS file if anyone dares to read it.

    Some things to note:

    -i.e media queries provided with css3-mediaqueries.js

    -the page does validate under the html5 doctype

    -the css file was originally written with scss and outputted (hence all the comments), I then re-wrote the media queries so they were grouped at the bottom as I thought having them all over may have been the cause.

    I feel like I must be missing something really obvious here, I’ve never really had I.E problems before, css3-mediaqueries.js has always worked a charm, but really- I’m stumped

    # May 9, 2013 at 5:20 pm

    Hey, could it be that IE8 and below don’t understand HTML5? I have started using html5shiv.js to make my site ie8 compatible.

    in fact i use




    to get media queries, html5 and pseudo elements working

    # May 9, 2013 at 5:25 pm

    Also just spotted you are forcing it into ie 5.5 quirk mode use

    # May 9, 2013 at 5:44 pm

    that meta tag was really just a trial and error thing.

    But! html5shiv.js did the trick, thanks man! I was seconds away from pulling my hair out. You are the man.

    # May 9, 2013 at 6:42 pm

    EDIT nevermind :)

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed