Hi there,
I am building a site and I am using HTML5 markup. I expected some problems in IE but what I’m getting is just crazy.
I am using the html5 shiv from google but I don’t think it’s being recognised. This is my head element in full:
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<title>Rock 2.0</title>
<!–[if lt IE 9]>
<script src=”
<![endif]–>
<link rel=”stylesheet” href=”../css/header.css”>
<link rel=”stylesheet” href=”../css/loginbox.css”>
<link rel=”stylesheet” href=”../css/main.php”>
<meta name=”viewport” content=”width=device-width, initial-scale=1, user-scalable=yes”>
<script src=”../scripts/thickbox.js” type=”text/javascript”></script>
<script src=”../scripts/webforms2.js” type=”text/javascript”></script>
<script src=”../scripts/modernizr.js” type=”text/javascript”></script>
</head>
in safari, opera, firefox, chrome the site looks awesome, however in IE8 the site is just completely white (text and background) images are just randomly placed, <li> lists are unstyled and horrific. if someone can spot an error with my head element or use of the shim, i’d be grateful.
Thanks