Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › major issue with my layout in IE 9+10

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 13, 2014 at 5:30 pm #165728
    GroovyMotion
    Participant

    I just uploaded my site and decided to show it to somebody, of course in Ie! :(
    What’s not working?
    my top nav is only working in the showcase section which is beyond me as it’s the exact same code.

    My 3 columns layout in then index is completely borked in IE as well as the footer.

    Here is my site: http://groovymotion.com
    only page working is the showcase: http://groovymotion.com/showcase.html

    I really am clueless as I was making sure that all the css would be backwards compatible! :(

    Any help would be appreciated. I guess I will do a pen and do the layout step-by-step to see where it breaks!

    edit for some reason IE doesn’t like nav so I went back to my old way which was ul.nav and it works! Weird, or what?

    edit #2: ok found the rest of the bugs, apparently IE8 doesn’t like <article> so I had to remove that and it is progressively working!

    March 14, 2014 at 1:22 am #165749
    lukefrake
    Participant

    Hey groovy motion.

    I’ve not looked yet but from what you describbed it sounds to me like you need to add in the HTML5 shim/shiv they can be found here.

    https://code.google.com/p/html5shim/https://code.google.com/p/html5shiv/

    You only need one of them and I can’t really remember the main difference but basically they let IE handle HTML5 tags, so wrap it in an IE conditional. I don’t think your css is the problem more the tags your using. Nav and article are HTML5 tags.

    Also make sure your using an HTML5 doctype<!DOCTYPE html> (again not looked so you might already be using that)

    Hope that helps, if not let me know I’ll look again

    March 14, 2014 at 3:16 am #165754
    Atelierbram
    Participant

    edit for some reason IE doesn’t like nav so I went back to my old way which was ul.nav and it works! Weird, or what?


    @GroovyMotion
    Maybe better fix the errors in the HTML first:

    • forgot the ul tag between nav and li
    • unclosed div s ;

    IE is picky on that. Do you check the site with W3C validor?

    edit #2: ok found the rest of the bugs, apparently IE8 doesn’t like <article> so I had to remove that and it is progressively working!

    And yes, the shim like lukefrake wrote.

    March 14, 2014 at 6:29 am #165768
    GroovyMotion
    Participant

    @lukefrake @atelierbram thanks a lot!
    As it happens I just read an article about html5shiv, didn’t even know what it was….what a coincidence!

    I just checked with the W3c validator and my html has some errors! I am surprised that chrome and ff displays them perfectly even with those!

    Many thanks again!

    I will report my progress

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘CSS’ is closed to new topics and replies.