Hi there,
I found a similar topic in the HTML forum but I think it belongs in the CSS forum. My IE is not reading an external style sheet while the site files are on my desktop. Here is the link to that discussion. I’ve followed the suggestions listed by various posters but nothing seems to work. I can’t understand it. Everything works fine in FF and Chrome,but not in IE. Anyone else walking this path with success?
Thanks guys.
Hi there. I know this is from July, but I’m having the same problem. I’m a bit lost. I found a great slider I want to use but am having difficulties. The site will render properly in FireFox and Chrome but not in IE, where it will not read the external CSS. Internal CSS reads fine. Can you offer any insight? The link referenced above is properly closed in my code. Here is the link to the code I’m trying to use: http://tympanus.net/Tutorials/ElasticSlideshow/
By the way, I haven’t pushed the site out, yet. It’s only on my desktop computer. Should that make a difference?
Thanks guys!
Hi codegirl, and welcome to the forums. I’ve moved your other post into this topic, as you can see.
Please don’t post the same issue in more than one place, as the discussion can easily become both duplicated and confused. It’s always better to start a new topic than revive one from three years back.
Yes, in the future please use the “+ Reply as new Topic” feature
Unfortunately, that option is thought to be too confusing for new members and the link doesn’t show up until you reach TL1. You can, however, get round the restriction by using the keyboard shortcuts. Use j/k to move down/up in the topic until you reach the relevant post, then press t.
Oh, okay. Thanks.
Most likely a missing tag or typo. First thing i’d run your code in http://validator.w3.org/ even if it is local code you can copy & paste then validate.
You could then try to clear your cache.
Also is it not reading it on one element or the entire styel sheet?
three to test it start a brand new html or php file w/nothing in but the very basic template & maybe an image & a paragraph & test your linking to css then.
Lastly have you tested this in diff versions of ie?
thx
D
Hi D,
Here’s an update. Everything validates. I just tried it on another computer and it works. Apparently, it’s only on my desktop that it’s not cooperating. Very strange because it runs fine in FF. It’s fine online. It’s fine on everyone else’s computer. It’s fine on other browsers. Just IE 11 when on my hard drive. This is nuts!
I’ll try in other versions of IE. That’s a good suggestion. Thank you.
hmm. weird, i had the same prob recently but w/a d3 js script. when used in a wp environment locally it died it was too fast. but it worked on a live environment.
wonder if you have a js prob after all.
Sounds like my day so far…
Well, I’ve narrowed it down to my computer. The files work on everyone else’s computer and on other versions of IE. So, I’m jinxed! Also, i reset IE11 to default settings and restarted the PC. No luck.
I have MS Tech Support on the line now. I guess I’ll do my nails while I wait…
hey on the bright side it is now tech support’s problem and it wasn’t your code 
good luck.
D
OMG. I’m still on the phone…
While I waited, I wrote a dummy site just to see if it was me. It’s the bare minimum needed for a website. IE11 won’t call the external stylesheet. Now, I know it’s not me. Here’s the for unbelievers:
indent preformatted text by 4 spaces
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="textStyle.css" /></link>
<title>CSS Text HTML</title>
</head>
<body>
<h1>Title</h1>
</body>
</html>
and the css…
body { background-color: #330000;}
h1, p {font-family:Arial, Helvetica, sans-serif;}
h1 {color: #FF6666;}
Last update: I confirmed my suspicions when I backed up IE to version 9 on my computer. Now it renders correctly. There must be a file conflict between IE 10 and 11, and a resident file on my hard drive. It renders fine when I push it out to the server and view it on IE 10/11.
Anyone experience this before? Thanks for the suggestions and advice.
Why are you self closing the <link> and then doing </link>. Doubt it would work but…try this code
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="textStyle.css" type="text/css" />
<title>CSS Text HTML</title>
</head>
<body>
<h1>Title</h1>
</body>
</html>
Yes, please remove the close tag </link> . If still having the same issue, perhaps can try insert <meta http-equiv="X-UA-Compatible" content="IE=edge"> . As Edge mode tells Internet Explorer to display content in the highest mode available. With Internet Explorer 9, this is equivalent to IE9 mode.
<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="textStyle.css" type="text/css" />
<title>CSS Text HTML</title>
</head>
<body>
<h1>Title</h1>
</body>
</html>
Thanks guys. I appreciate your help. Actually, the double-closed link tag was not in my original code. Everything was XHTML transitional-complaint. I switched back and forth a few times looking for something that would have caused the problem. I never did identify it. I guess I didn’t bother to change it back at the end of my trials (just went home).
The page works fine online and on co-workers computers. Just not my IE. It’s not a problem in FF or Chrome. When I backwarded my IE from 11 to 8, it shows up perfectly! Then I bumped my IE from 8 to 9. Still okay. Then from 9 to 10. Blamo! Not working.
Gonna try Sigmaxbpo125’s suggestion next. Thanks. See? Always some little tidbit of information I don’t have.
Still no luck in IE 10 or 11. Here’s what I’m using:
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
IT says that the only way to find the problem is to back up everything, scrub the hard drive, then reload one program/update at a time until the problem shows its ugly little head. It makes sense that would work but doesn’t that seem to be the long way around the block?
It’s ONLY your browser? Make sure you’re not in compatibility view or anything (the meta tag should be forcing it compliant but still…)
If literally it it ONLY you who has the issue, then it’s some issue on your end.
Well, saying that you think the issue is on my end makes you you sound like my ex.
Ok, this is the last solution for you… (clear cache)
IE - > Internet Option → find browsing history → delete → tick all the checkbox → delete - > close browser → reopen html file.
I bet this will work !!