Quote:
Originally Posted by ImmortalKenny 
It just needs to be in one of them, I'd throw it into style.css but it doesn't really matter.
I wasn't sure if you were using a javascript file for something else already. Just throw that code into a script tag in the head of each page that uses the HTML5 tags, or your template file if you're using a framework like Zend or CakePHP.

It just needs to be in one of them, I'd throw it into style.css but it doesn't really matter.
I wasn't sure if you were using a javascript file for something else already. Just throw that code into a script tag in the head of each page that uses the HTML5 tags, or your template file if you're using a framework like Zend or CakePHP.
Code:
<head>
<script type="text/javascript">
document.createElement("header");
document.createElement("nav");
document.createElement("article");
document.createElement("footer");
</script>
</head>
Im trying to do it your way now since i cant get Modernizr to work, plus i think it might be a little too resource intensive.... I put the script in the HTML, but i cant seem to figure out which CSS to put the:
Code:
header, nav, article, footer {
display: block;
}
inside of. Ive pasted the head of my HTML page to help you interpret it for me

Code:
<!DOCTYPE HTML>
<html>
<head>
<title>blah blah blah</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<noscript>
<link rel="stylesheet" href="css/5grid/core.css" />
<link rel="stylesheet" href="css/5grid/core-desktop.css" />
<link rel="stylesheet" href="css/5grid/core-1200px.css" />
<link rel="stylesheet" href="css/5grid/core-noscript.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
<script src="css/5grid/jquery.js"></script>
<script src="css/5grid/init.js?use=mobile,desktop,1000px&mobileUI=1&mobileUI.theme=none&mobileUI.openerWidth=52"></script>
<script type="text/javascript">
document.createElement("header");
document.createElement("nav");
document.createElement("article");
document.createElement("footer");
</script>
<!--[if IE 9]><link rel="stylesheet" href="css/style-ie9.css" /><![endif]-->
</head>
#start of body
Edited by Eric335 - 10/17/12 at 3:18pm







