Skip navigation
super waffle
super waffle
Currently Being Moderated

why is IE9 ignoring my CSS?

Aug 17, 2012 11:03 AM

these questions are getting redundant i know, but this one is a Big one 50% of user use IE8 or 9 so i cant just forget it

 

http://creationsmh.com/

 

when viewed in other browser such as any other browser ( Chrome, Safari, Opera, Firefox,) it works looks and works like it should ( with a few excenptions) but when I open this website it IE9 it works rather horibbly i have come to find out, that Its irgnoring 90% of my CSS but of corse not all of it. A few buttons have the transparency and the bg image is there but the other 90% is like it dosnt even exist that is stumping me i have picked through my code over and over to check if there is anything i am missing but i dont know what else to do please help?!

769 Views   3 Replies   Latest reply: Al Sparber, Aug 17, 2012 11:20 AM
 
Replies
  • Rik Ramsay
    Currently Being Moderated
    1. Rik Ramsay,
    Aug 17, 2012 11:16 AM   in reply to super waffle
    Report

    Older browsers do not recognise the HTML5 tags, and you have no reset to tell them what the tags mean. As such, they get thrown all over the place.

     

    Look at HTML5 Shiv: http://code.google.com/p/html5shiv/

     

    Or start with this and modify it to suit your needs: http://html5boilerplate.com/

     

    Eg, include:

    article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}

     

    EDIT:// Having looked at it in IE9, the only thing that seems incorrect is the blue line around your images in the nav. Add this to solve that: img a {border:none; display:block;}

     

    The real problem is IE8 which shows it all over the place - this is where the HTML5 shiv comes in.

     
    |
    Mark as:
  • Jon Fritz II
    Currently Being Moderated
    2. Jon Fritz II,
    Aug 17, 2012 11:19 AM   in reply to Rik Ramsay
    Report

    Hmm, still not seeing it here in my IE9.

     

    Are you sure your IE is looking at a non-cached version?

     

    In IE, hit F12 then in the new menu bar near the bottom that pops up, click Cache > Clear Browser Cache and see if that changes anything for you.

     

    You also have a few stray tags in your HTML, an extra ending </script> right before your </head> and at least 1 extra </div>. There is also a <script> after your ending HTML.

     

    You might want to run it through a validator to make sure you've got it cleaned up too: http://validator.w3.org/

     
    |
    Mark as:
  • Al Sparber
    Currently Being Moderated
    3. Al Sparber,
    Aug 17, 2012 11:20 AM   in reply to Rik Ramsay
    Report

    IE9 supports HTML5 tags. IE8 does not. If there are problems with IE9,

    the cause is Compatibility View, which can be remedied by reading this:

    http://www.pviiforums.com/topic.php?id=9

     

    As for the "shim", it is necessary only for IE8 and under and should

    have been included by Adobe whenever an HTML5 DOCTYPE is selected. I

    would call that a "bug of omission"

     

    --

    Al Sparber - PVII

    http://www.projectseven.com

    The Finest Dreamweaver Menus | Galleries | Widgets

    Since 1998

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points