There is a really great screencast available at Nettuts+ which demonstrates how you can 'make all browsers render HTML5 mark-up correctly.' It is a really simple trick that allows you to apply CSS for HTML5 elements.
To quickly cover what Jeffrey Way (the editor of Nettuts+) discussed, HTML5 has certain tags like <header> that are not standard in HTML4. Certain browsers like Chrome or Firefox are up-to-date and will consider this a valid element. Thus, it will then accept CSS statements for the <header> tag.
IE will show text within <header> but will not reflect anything written in the CSS for <header>. This is because it does not consider <header> a valid element and, more or less, ignores it.
In this post I discuss how Way goes about solving this problem, and how it can be extended further.
-
Applying CSS to Any Custom HTML Tag
3 Comments Posted on January 21st, 2010Read More ›