CODEWITHSUNDEEP
csshtmlinternet-explorer-7css-selectors
user1020408
user1020408

Reputation: 45

CSS selectors not applying in IE7 and IE8

Having a weird issue with IE that I've never seen before.

A whole bunch of my selectors just aren't applying at all in IE7 and IE8. They work fine in IE9 and good browsers.

To see the effect in action, just focus on the logo in the top left of this site: www.rtotv.com.au. Using developer tools (F12) in IE9, find this element: 

<body>
  <div class="container">
    <header class="row header clearfix">
      <h1 class="span3 logo">
        <a title="RTO TV Home" class="ir" href="/">   <--this element

The styles.css stylesheet is loading fine, and the .ir class is applying, but as an example, this style selector doesn't apply AT ALL in IE7 & 8, but works perfectly in IE9: 

header h1.logo a {}

If I can figure out what is happening here, I'm sure I'll be able to fix the rest of the site, but right now, this is completely destroying the site in IE7 & 8.

Upvotes: 4

Views: 620

Answers (3)

Jayx
Jayx

Reputation: 3966

You could also use a shiv to "fill the gaps".

Upvotes: 1

amd
amd

Reputation: 21442

This site is built using HTML5 which not supported by ie7 and ie8 and not fully supported by ie9.

take a look for modernizr :

Modernizr is an open-source JavaScript library that helps you build the next generation of HTML5 and CSS3-powered websites.

or you may want to re-factor your HTML using XHTML by replacing nav, section, header tag with supported tags

Upvotes: 4

Chamika Sandamal
Chamika Sandamal

Reputation: 24302

This is because of IE not suporting HTML5. Add following script to render html5 in IE. And add a class to header element then style using that class.

document.createElement("article");
document.createElement("footer");
document.createElement("header");
document.createElement("hgroup");
document.createElement("nav");

Upvotes: 2

Related Questions