FantomOptik Posted October 19, 2006 Share Posted October 19, 2006 Well, the day has finally come. IE7 has been released and we are already seeing CSS issues with existing sites.Here is my dilemma:For most of my sites, I have created seperate CSS files for Mozilla browsers and for IE. Now that IE7 is out, this isn't working.This is the code that I used for browser specific CSS:<head><link rel="stylesheet" type="text/css" href="tms.css" /><!--[if IE]> <link rel="stylesheet" type="text/css" href="tmsIE.css" /><![endif]--></head>Now, up until today, this worked beautifully for me. I am wondering if there is a way, either by a similar code as the one above, or maybe a javascript file that would allow me to have specific CSS files for IE6, IE7 and Mozilla. Essentially, can I add another 'IF' statement to the above code and have it be specific to IE7?Thank you in advance for your help.UPDATE - I have figured out how to fix the issue and it was simply adjusting the if IE statement to read<!--[if IE 6]>This now reads as: if the browser is IE 6 or lower, use the IE.css. If the browser is anything else, including IE7, then use the regular CSS. Link to comment Share on other sites More sharing options...
S@m Posted October 19, 2006 Share Posted October 19, 2006 For as long as I can remember, I have always said to people here use a conditional comment for your style sheets. I don't think that too many people wanted to do that. Luckily when I was informed about this, I thought it might be a good idea to try.As you just found, what a beauty that is to have now huh?! :)Here is what I have on all of my pages: <link rel="stylesheet" type="text/css" media="screen, projection" href="/css/style.css" /><!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="/css/style_IE.css" /><![endif]--> The lte IE 6 will detect v6 and earlier.Then, as you stated, just make another "if" statement to detect for v7. Problems solved. Link to comment Share on other sites More sharing options...
FantomOptik Posted October 19, 2006 Author Share Posted October 19, 2006 When adding the other statement for IE7, would it go in before the <![endif]--> statement?How would it look? For as long as I can remember, I have always said to people here use a conditional comment for your style sheets. I don't think that too many people wanted to do that. Luckily when I was informed about this, I thought it might be a good idea to try.As you just found, what a beauty that is to have now huh?! :)Here is what I have on all of my pages:<link rel="stylesheet" type="text/css" media="screen, projection" href="/css/style.css" /><!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="/css/style_IE.css" /><![endif]--> The lte IE 6 will detect v6 and earlier.Then, as you stated, just make another "if" statement to detect for v7. Problems solved. Link to comment Share on other sites More sharing options...
S@m Posted October 19, 2006 Share Posted October 19, 2006 It would just be: <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="/css/style_IE7.css" /><![endif]--> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now