Problem styling the article HTML5 tag using the modernizr javascript library

StackOverflow https://stackoverflow.com/questions/5908416

  •  29-10-2019
  •  | 
  •  

Question

An annoying problem I'm having with the modernizr script. This script is supposed to enable Internet Explorer to style the new HTML 5 tags, but in my code the header tag is styled, but the article tag is not. If I use a DIV with the ID "article" and apply the styles, they are visible, so it seems as if modernizr doesn't work for article tags? I am using IE 8 to test this.

<!DOCTYPE html>
<meta charset="utf-8"/>
<html class="no-js">
<head>
    <title>Title</title>
    <script src="~Scripts/modernizr-1.7.min.js" type="text/javascript"></script>
    <style>
    header,footer,nav,section {display: block;}
    article, #article {border:1px solid red;}
    header {height: 95px;border-bottom: 8px solid #6b6b6d;}
    </style>
</head>

<body>

<div class="page">

    <header>
        LOGO | Title
    </header>

    <article>
        <h2>article element</h2>
    </article>

    <nav>
        <ul id="menu">
            <li>Link 1</li>
            <li>Link 2</li>
        </ul>
    </nav>

    <div id="article">
        <h2>div with id article</h2>
    </div>

</div>

<footer>
    footertext
</footer>

No correct solution

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top