I have an html5 temp site I'm creating and hoping I can get some of the older browsers to load it. I've read many pages suggesting a shiv as below:
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
or
<!--[if lte IE 8]> <script src="dist/html5shiv.js"></script> <script src="dist/html5shiv-printshiv.js"></script> <![endif]-->
I tried both methods but no results. I have an old IE8 version open and that's what I am using to confirm when the changes work. It currently doesn't display right in IE8.
My code is valid, with the exception of one music file name ( I can fix this by creating a new mp3 with proper naming).
That's all fine and dandy but is it even possible for me to get this displaying correctly in ie8< and the other outdated browsers? Any help from the pro's would be appreciated. Head section is as follows:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="Copyright" content="" /> <meta name="rating" content="GENERAL" /> <meta name="format-detection" content="telephone=no"> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/flexstyle.css" rel="stylesheet" type="text/css" /> <!--[if lt IE 9]> <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script> <![endif]--> <script src="js/jquery-1.11.1.min.js"></script>