Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Older IEs does not render HTML5 tags therefore your styling applied to them are ignored. (They don't even render as blocks like "oh well, lets pretend it's a div". No, it's totally ignored).</p> <p>And yes, as you said, the best would be add <a href="https://code.google.com/p/html5shiv/" rel="nofollow noreferrer">html5shiv</a> to the header of your code, like this:</p> <pre><code>&lt;!--[if lt IE 9]&gt; &lt;script src="path/to/your/shiv.js"&gt;&lt;/script&gt; &lt;![endif]--&gt; </code></pre> <p>This means that <code>if</code> <code>l</code>ower <code>t</code>han <code>IE 9</code>, apply this script.</p> <p>Additionally, the same occurs with CSS3 stuff, like border-radius and stuff. For that, use <a href="http://css3pie.com" rel="nofollow noreferrer">CSS3Pie</a>, which is handy.</p> <pre><code>.someRoundCorner { border-radius:4px; behavior:url(path/to/css3pie/htc); } </code></pre> <p>As a suggestion, for the time being still use divs with <code>id</code> equal to the HTML5 tag you actually wanted if your main audience uses IE &lt; 9. Better than making use of .js (and if .js is disabled, layout will break like now). When the time comes when the old IEs are not more supported, will be easier to search and replace your documents having the id equal the tag you wanted.</p> <p>Update: Your css is <code>main ul, [role="main"] ul, #main ul</code>, but since IE have no idea what is the tag main, it throws the UL out and so, your CSS selector does not match. See in this image that all elements he does not know, he transforms into an empty element:</p> <p><img src="https://i.stack.imgur.com/vLhkF.png" alt="IE8 developer tool and source code"></p> <p>On left is the code it actually rendered while the right is the real source. As you see, the UL is out of <code>main</code>.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload