HTML5-Elemente werden vom IE7 nicht erkannt und sind damit nicht stylebar.
Mit dem folgenden JavaScript werden die Elemente registriert. Dieses JS bitte nur für den IE ausführen.
1 |
(function() {<br /> var html5elmeents = "address|article|aside|audio|canvas|command|datalist|details|dialog|figure|figcaption|footer|header|hgroup|keygen|mark|meter|menu|nav|progress|ruby|section|time|video".split('|');<br /> for (var i = 0; i < html5elmeents.length; i++) {<br /> document.createElement(html5elmeents[i]);<br /> }<br />}<br />)();<br /> |
Um nun auch CSS-Eigenschaften definieren zu können, müssen die Elemente noch als Block-Elemente deklariert werden.
1 |
header,nav,article,footer,section,aside,figure,figcaption{display:block}<br /><br /> |
Quellen
- http://stackoverflow.com/questions/6602758/ie-not-styling-html5-tags-with-shiv
- http://www.communitymx.com/content/article.cfm?cid=8C170
Schreibe einen Kommentar