I get this weird text when i’m debugging in chrome. For some reason this happens only in chrome and IE but not in Firefox.
Here is the code until the body tag:
[php]<?php ob_start();session_start();?>
<link rel="stylesheet" href="../css/normalize.css">
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../css/jquery-ui.css">
<link rel="stylesheet" href="../css/main.css">
<link rel="stylesheet" href="../css/bootstrap-select.css">
<script src="../js/jquery-2.0.3.min.js"></script>
<script src="../js/jquery-ui.js"></script>
<script src="../js/jquery-ui-timepicker-addon.js"></script>
<script src="../js/jquery.ui.datepicker-he.js"></script>
<script src="../js/jquery-ui-timepicker-he.js"></script>
<script src="../js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery.tablesorter.min.js"></script>
<script src="../js/bootstrap-select.min.js"></script>
<script src="../js/spin.min.js"></script>
<script src="../js/ladda.min.js"></script>
<script src="../js/script.js"></script>
<!--[if IE 8]>
<script type="text/javascript">
window.location = "http://browsehappy.com/";
</script>
<![endif]-->
<!--[if IE 7]>
<script type="text/javascript">
window.location = "http://browsehappy.com/";
</script>
<![endif]-->
This is basically an HTML5 Boilerplate template. Now, I have attached what comes out in all browsers, for some reason the order of the tags gets completely messed up in IE and Chrome but stays perfect in Firefox.
EDIT: I forgot to mention that below the body tag in IE and Chrome I get weird double quotes “” which causes my navigation bar to have white space on the top which makes it look weird.
If you look at the rendered fonts section in the debugging window in Chrome for example it says:
For some reason I suspect there are 2 glyhps that are causing this, if this is the case, any idea how to find those glyphs or broken link? if not, what could be the reason?
