html - Why does IE 8 load the <head> tag below the <body> tag doesn't occur on IE 7 and 9 -
the title explains all. here screenshots i've got on
ie8: http://screencast.com/t/sc4xxe8jffu9
ie7: http://screencast.com/t/xeyrczxn3
it's bit weird it's causing lot of css issue on website since precedence not correct.
tia
edit
<!doctype html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getthemepath();?>/css/bootstrap.css" /> <!-- <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getthemepath();?>/css/responsive-nav-media.css" /> --> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getthemepath();?>/css/responsive-nav.css" /> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getstylesheet('typography.css')?>" /> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getstylesheet('main.css')?>" /> <!--[if ie]> <style type="text/css"> body#theme-wrapper #header { position: relative; } </style> <link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getthemepath();?>/css/ie.css" /> <![endif]--> <script type="text/javascript" src="<?php echo $this->getthemepath();?>/js/modernizr.custom.js"></script> <script type="text/javascript" src="<?php echo $this->getthemepath();?>/js/grayscale.js"></script> <script type="text/javascript"> modernizr.load([ { test : modernizr.mq('only all'), nope : '<?php echo $this->getthemepath();?>/js/respondjs.js' } ]); </script> <script type="text/javascript" src="<?php echo $this->getthemepath();?>/js/responsive-nav.js"></script> <script type="text/javascript" src="<?php echo $this->getthemepath();?>/js/bootstrap.min.js"></script> <link href="http://fonts.googleapis.com/css?family=raleway:400,100,700" rel="stylesheet" type="text/css" /> </head>
Comments
Post a Comment