Grow your CSS skills. Land your dream job.

I.E is killing me.

  • # May 9, 2013 at 4:08 pm

    I have a simple site:

    http://www.hastainc.com

    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 https://github.com/aFarkas/html5shiv to make my site ie8 compatible.

    in fact i use

    html5shiv.js

    respond.min.js

    selectivizr-min

    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.

*May or may not contain any actual "CSS" or "Tricks".