Hello,
If I run my application (aspx/HTML5) on my local host it runs fine (Visual Studio 10), build and load my app up to the server there is no CSS rules are observed IE only. I F12 for debugger and it all of a sudden works fine, I dismiss the debugger, and back to no CSS. My application on the server (AND Local Host) Works fine (in Chrome and FireFox). There are no active console.log() in any .js files - meta tags are as follows:
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="-1">
I've cut and pasted all my css into csslint and tested... all was good, I then split the file into two css files (running out of options) to limit selectors.... still won't work. EI only! I cannot debug it due to the debugger automatically"fixing" it.
I believe this is something in IE because of the fact that it works fine in Chrome AND FireFox AND when the app is run in IE debugger mode. I've read that ajax can cause problems if no caching is used in the call, so I tried to cache:false in my routine... still IE didn't work properly.
The css file is in an external file, and is last in order of CDN's between the
<head>
<link rel="stylesheet" type="text/css" href="css1.css" />
<link rel="stylesheet" type="text/css" href="css2.css" />
</head>
tried loading it at the end of the <form> and that didn't fix anything either. I thought maybe a racing condition was passing the css call, but I can alert() and it shows that it's loaded. I've run out of ideas and spent two days on this now... help... please...
Thanks,
John
John