A stylesheet being loaded inside an IE conditional tag is being loaded in Google Chrome version 11.0.696.65. The IE only rules are throwing off our layout in Chrome.
<!--[if IE]>
<link href="/Content/site.ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
I've checked the code character for character and it looks fine to me. Is anyone else experiencing this? Is this a Chrome bug or some misguided feature?
Edit: Chrome is fine. We have a custom theme switcher which was erroneously loading a different copy of the site.ie.css from a theme's folder.
try
<!--[if gte IE 5]>
<link rel="stylesheet" type="text/css" href="style.css" />
<![endif]-->
It will target every internet explorer version above ie5, which should be the same as all ie versions. I have never had problems with conditional comments, not in Chrome or any other browser, but i always target only specific browser versions.
Im using the same version works for me on here. I would try reinstalling Chrome?
Chrome is fine. We have a custom theme switcher built which was erroneously loading a different copy of the site.ie.css from a theme's folder.
Related
I have a glitch on Internet Explorer (all editions, including 8+), where the logo is not displaying correctly. It is displaying perfectly on all other browsers, but the glitch is not being rectified by the file ie.css (which I believe should fix the existing issue. Any help would be greatly appreciated. The website is as below:
http://www.taray-investments.com/
Thanks in Advance
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->
Your code is only loading the ie.css if the version is less than or equal to 8
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="/css/ie.css" />
<![endif]-->
That will load if it's IE at all.
Of course as suggested using PNG instead of SVG is your main goal for old IE versions but I don't believe your site works under IE8- correctly anyway and it's (imo) ridiculous for clients to expect support for IE8- anyway.
I can only guess what is going wrong, but here are some possible problems:
1) Logo is not scaling correctly, in latest versions of IE
2) I saw some transitions in your code, so this might be the issue.
3) Any other svv background related bugs.
First can be fixed with svg inline attributes.
Second and 3rd are unfixable thou.
If you want to suppot any versions of IE older than 11, i suggest using .png instead of svg.
UPDATE: I couldn't tell you what changed to save my life, but suddenly it's working... Thank you everyone for your help.
I have a default CSS style sheet, an IE specific stylesheet, and a IE7 specific stylesheet.
On Windows 7 in IE8 the IE sheet is loaded, and in IE8 Compatibility mode the IE7 sheet is loaded.
On Windows XP in IE7, neither stylesheet is loaded, thus breaking (or rather, not fixing) my layout. This brings up a couple of questions...
Does IE7 on XP use different language to call browser specific style sheets? Was there a different standard for calling sheets when it was made?
This is what I have currently:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ieprocessstyle.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie7processstyle.css">
<![endif]-->
Could it be caused by some bug or error on the machine I'm using? Could different machines with XP and IE7 act differently?
Hopefully someone can shed some light on this for me. The site is for a large corporation and they forced me to go live already so I'm just waiting to get a call from the Big Bad Angry Voodoo Daddy....
There is no special syntax for IE7, here is a conditional set that works in 6, 7 and 8:
<!--[if lte IE 8]><link href="/_ui/css/ie8.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
<!--[if lte IE 7]><link href="/_ui/css/ie7.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
<!--[if lte IE 6]><link href="/_ui/css/ie6.css" rel="stylesheet" type="text/css" media="all" /><![endif]-->
Here is a code reference for IE conditionals:
http://www.quirksmode.org/css/condcom.html
So first should load in all IE versions and second should, in addition to first, be loaded for IE 7 right ?
Nothing wrong with the syntax.. (you could correctly close the tag at the end in the IE7 version />), and nothing different in syntax between versions.. the problem must lie elsewhere..
was working perfectly earlier this week, and now in IE everything seems to be messed up. Any ideas?
Specifically testing in IE 7/8
There's a stylesheet (http://www.currensee.com/css/blueprint/ie.css) being served to all versions of IE less than IE8 that's returning a 404. I'd bet that might be your culprit.
This line of code:
<!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
is using a relative path from your page.
Looks like it should be pointing at:
<!--[if lt IE 8]><link rel="stylesheet" href="/themes/currensee/css/blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
where the rest of your stylesheets live.
The problem is the comment on your first line. IE looks for the doctype there and, if there is none, goes into quirks mode. Remove that comment.
btw, you are using the XHTML 1.1 doctype which is an XML application but serving it as HTML. If you must use XHTML, change it to the 1.0 doctype. Not that it makes any difference since you aren't serving XHTML anyway.
I don't know whether it's the root of your problem, but your IE stylesheet
http://www.currensee.com/css/blueprint/ie.css
doesn't exist.
I'm redesigning my Tumblr blog and I use CSS3 Pie to add some eye-candy to Internet Explorer. The problem with this is that CSS3 Pie uses Internet Explorer specific files (.htc) that can only be served from the same domain as the HTML file, which is something I can't do on Tumblr.
The thing is that without that file the website breaks on IE6 & IE7 (I'm using HTML5 syntax and apparently these browsers don't really like it even with some help from Modernizr).
So, do you know any ways of adding such files from another domain than the one that serves the HTML? No matter how hacky it is.
I would suggest using conditional comments for IE to gracefully alert users their browsers are not supported, or to reformat the content for IE users.
<!--[if IE 6]><link rel="stylesheet" type="text/css" href="includes/styleIE6.css" /><![endif]-->
<!--[if IE 7]><link rel="stylesheet" type="text/css" href="includes/styleIE7.css" /><![endif]-->
<!--[if IE 8]><link rel="stylesheet" type="text/css" href="includes/styleIE8.css" /><![endif]-->
Another alternative, which I'm guessing is easier than the ".htc" hack you are suggesting. Is to use a basic java-script redirect. If the user is using IE (less than IE9) redirect them to a simplified, IE only, web page.
This is driving me nuts. I'm trying to use a conditional IE6 stylesheet. I posted this test page here. Here is the code I placed in my head tags:
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="ie6.css" />
<![endif]-->
The ie6.css should set the body background to red when viewed in IE6.
What's wrong here? I'm sure it's something dumb. Could someone please point it out to me?
It works fine for me. Run your test page through IE NetRenderer and you'll see the red background. Perhaps you're testing it in a version of IE other than 6?
You don't happen to be trying this using IETester?
Because with IETester, Conditional Comments will always resolve to the highest installed version of IE.
is the CSS file in the root folder (same folder as the HTML) ? it's good practice to put your CSS in a separate folder.
<!--[if IE 6]><link href="css/ie6.css" rel="stylesheet" type="text/css" /><![endif]-->
I just had a similiar issue. The conditional comments did not work correctly and I tried everything. The issue was that I had an X UA compatible meta tag in the header which obviuously influences the rendering. So keep watching out for that because that can be a reason.
<meta http-equiv="X-UA-Compatible" content="IE=7" />