This is a weird bug that I can't figure out because I have tested it on my PC in IE7 and IE8 on XP and it's working just fine.
But the main navigation is broken in XP on this site:
http://tupelomainstreet.com/play
I've attached screenshots of my client's screen and environment.
If anyone has any black magic for IE, that would be amazing. I'm at a loss.
On http://tupelomainstreet.com/shop/salons-and-spas:
You're loading these JavaScript files from your server:
<script src="js/libs/modernizr-1.6.min.js"></script>
<script src="js/mylibs/fancyzoom.js"></script>
<script src="js/mylibs/slideshow.js"></script>
<script src="js/plugins.js"></script>
<script src="js/script.js"></script>
(for lt IE 7 only) <script src="js/libs/dd_belatedpng.js"></script>
Let's stick with modernizr-1.6.min.js.
If I load that file, I get something which looks distinctly not like a JavaScript file:
<!doctype html>
...
<title>Downtown Tupelo Main Street Association</title>
The fact that a HTML page is being returned is surely the work of mod_rewrite. Without mod_rewrite, I'm sure you'd be getting a nice, easy to debug 404 Not Found error instead.
I believe the easiest way to fix this is to prepend the script includes with /:
<script src="/js/libs/modernizr-1.6.min.js"></script>
This will load the correct file.
It's a very safe bet that this problem is what's killing your menu in Internet Explorer.
Related
IE11 will NOT load external css from the intranet - at all. Internal css works fine. In-line css works fine. External CSS works fine on the Internet. Everything works fine in other browsers - everywhere!
When I open C:\Users\hennesse\Desktop\test.html (below) by either right-clicking and openWith->IE - or- typing into the IE location bar, I get two alerts: "internal javascript", and "external javascript" - then:
the first line is NOT red
the second line is blue
the third line is green
However, if I upload this to my web server, and open it with IE, the first line IS red. With Firefox and Chrome, the first line is ALWAYS red, intranet or internet.
For some reason, IE11 will not load the external CSS file on "My Computer".
Changing security settings in Internet Options->Security->Allow Active Content to run in My Computer (and rebooting) results in a prompt (or not) about Allow Active Content? But the results are the same.
This is driving me insane! -Dave
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test Page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="test.css">
<!--
external file test.css contains:
body { color: #ff0000 }
-->
<style type="text/css">
.blue {
color: blue;
}
</style>
<script type="text/javascript">
alert("internal javascript");
</script>
<script type="text/javascript" src="test.js">
// external file test.js contains
// alert("external javascript");
</script>
</head>
<body>
This should be red, but it isn't
<p class="blue">
This is blue
</p>
<p style="color:green">
This is green
</p>
</body>
</html>
In the F12 console, I found: SEC7113 "CSS was ignored due to mime type mismatch". Discussion here: 1 [MSDN]. It seems that IE9 and above "sniff" the HTTP headers for the correct MIME type, and ignore JS and CSS that have the wrong header. When it fetches files from the local filesystem, it should disable this sniffing, since there aren't any real HTTP headers.
But my particular computer is sniffing and ignoring anyway. I've searched and searched, but the mighty Internet has only yielded one other person who has this problem. She solved it by reloading the operating system. I'm not gonna do that!
I very seldom use IE for anything except a final compatibility check after I've loaded stuff to a server. Except for one personal "extension" to a Windows app that invokes IE on the user's computer. Since I'm the only using it, I just hit F12, and select IE8 mode (this shows it's the IE9-up MIME sniffing). It works fine, and since it only costs me a couple mouse clicks, it sure beats reloading the OS.
Although I didn't really solve the problem, perhaps the "sniff and ignore" info can help someone else do so. OCHI - thanks for your help.
-Dave
I've been working on a site http://www.clockinpoint.com which is using bootstrap 3 has the frontend framework but when you view the site in IE8 its showing as the mobile version how can one get around this?
I have tested this so many time in localhost.It will never work in localhost,Jut upload the same folder on your server and then check it will 100% work.
IE8 does not have support for media queries. Which is an issue while develiping mobile first.
You basically need a seperate stylesheet for IE8 if you want to fix this. But since you're using preprocessors there's pretty easy to compile IE8 specific styles.
IE8, like the others have said, does not support Media Queries.
However, if you include Respond.js, you can manipulate it and the js will start thinking it can read it and it will work.
An example of this is Just Seal It, IE8 works fine in terms of responsiveness.
If not, you need to create a new stylesheet.
By importing this file http://d.pr/f/l0Yp from http://www.initializr.com/ this has fixed my IE issues, all working great now
Try using polyfills. See this IE8 issue with Twitter Bootstrap 3
Using the polyfills mentioned, you'd probably end up having code that looks like this:
<script src="/path/to/modernizr.min.js" type="text/javascript"></script>
...
<!--[if lt IE 9]>
<script type='text/javascript' src="/path/to/html5shiv.min.js"></script>
<script type='text/javascript' src="/path/to/respond.min.js"></script>
<![endif]-->
This worked well for me.
I am currently setting up a new page and wanted to test it with the Internet Explorer (9). I thought it was not going to be a problem, because it does work with FireFox, Opera, and Chrome (newest Versions). However, the IE does not attempt to load my style sheet.
I already searched Google and stackoverflow for an answer, but nothing helped.
My page looks as follows:
<!DOCTYPE HTML>
<html>
<head>
<title>Hello World</title>
<meta charset="UTF-8">
<link href="css/main_styles.css" rel="stylesheet" type="text/css">
</head>
<body>
etc.
Any ideas?
Thanks for your help in advance!
PS: I validated the page and the css styles. No errors found.
Edit (July 2014):
Hey, I'm sorry I forgot to update this question for so long. The answer is simple. I had to put #charset "utf-8"; at the beginning of my stylesheet. That's all it took to make it work. Cheers!
Try changing the reference of the link: href="/css/main_styles.css" or href="../css/main_styles.css"
The most obvious possible cause I can think of for this would be that your server is providing the wrong mime type of the CSS file. It might be that IE is more picky about this sort of thing than the other browsers you've tested.
Check what the mime type is by checking the HTTP headers, either in one of the other browsers debugging tools or with an HTTP sniffing program like Fiddler.
Fiddler will also be good for sniffing exactly what is going on when you try to make the request using IE. Whether it's a mime type issue or something else, this will be the best way to find out exactly what's happening.
Finally, you could also try opening the stylesheet's URL directly in IE. That will prove that IE can access the URL.
Hope that helps.
We had this issue with Internet Explorer 11, it's weird but if you rename the stylesheet to anything without the word "style" it will start working!
This is only the case when the accessing the file local on a machine, on a web server it will work fine
I am giving external css path in aspx page via
<link rel="stylesheet" media="all" href="file:///D:/CSS/Style.css" type="text/css" />
its works fine in firefox and ie while access that page.
but when i open this page in chrome or safari.
it does'nt do anything and no css is applying.
please tell what wrong i am doing??.
Make a relative path in the href attribute. For example: "~/CSS/Style.css"
Try an alternitive way of linking to the css:
<style type="text/css"><!-- #import url(file:///D:/css/styles.css); --></style>
But also try running a local server rather than using the file system. XXAMP and EasyPHP are good.
Done a bit of reading around, try using "file://" instead of "file:///" in your UNC. Chrome and safari should be able to read this and change it accordingly.
The beginnings of a site here:
http://qaa.miltonfame.org/
html and css pass validation tests
Page displays fine in all Mac browsers I have tried (Safari, Firefox, Camino)
Page displays fine in Windows 7 FireFox
Nothing but background renders in Explorer 8 Windows 7 (and in other Explorer versions via screenshot services.) View Source shows that Explorer is getting the content - it's just not appearing on screen.
No idea how to approach addressing this - any suggestions would REALLY be appreciated.
Thanks a million.
My friend, you haven't closed your script tag for jquery. I saved a local copy and tested it - the content shows up once the tag is closed.
<script type="text/javascript" charset="utf-8" src="jquery-link" />
It needs to be like this :
<script type="text/javascript" charset="utf-8" src="jquery-link"></script>
Cheers! :)
Also you've got a script tag and meta tag at the bottom that you may need to take care of.
I'm going to take a shot in the dark and say that if you remove the following, you'd have better success:
<!--[if lte IE 7]>
<script src="/js/ie7/IE8.js" type="text/javascript"></script>
<![endif]-->
Since you say that HTML and CSS passes, you can pretty much rule that out. Your source doesn't look that complicated. That leaves JavaScript, and the only IE specific thing in your source are those lines.