css ie6 ie7 if statements?

Question

_mike_ 0 Newbie Poster

14 Years Ago

Hi, I am having issues attaching the following if statements in the head of my page to show the correct CSS for older versions of IE. I am using :

<link href="css/main.css" rel="stylesheet" type="text/css" />

html-css web-browser web-design

3 Contributors
14 Replies
184 Views
12 Hours Discussion Span
Latest Post 14 Years Ago Latest Post by _mike_

macneato 29 Posting Pro in Training

14 Years Ago

Try removing the leading slash, as these are used to define absolute paths

<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/mainiesix.css" />
<![endif]-->

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="css/mainieseven.css"  />
<![endif]-->

macneato 29 Posting Pro in Training

14 Years Ago

Yes, that is correct. Very stange to say the least. Are you working on the site locally, if not, could you post a link?

macneato 29 Posting Pro in Training

14 Years Ago

This should do the trick. Switch the order.

<link href="css/main.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="/css/mainiesix.css" />
<![endif]-->

<!--[if IE 7]>
<link href="/css/mainieseven.css" rel="stylesheet" type="text/css" />
<![endif]-->

macneato 29 Posting Pro in Training

14 Years Ago

I've tested both on IEtester. It should work. To do a simple test try

<title>...meeting rooms -</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="css/mainiesix.css" />
    <style>
    body {
    background:#000;
    font-size:40px
    }
    </style>
<![endif]-->
<!--[if IE 7]>
    <link rel="stylesheet" type="text/css" href="css/mainieseven.css"  />
    <style>
    body {
    background:red;
    font-size:40px
    }
    </style>
<![endif]-->

Test in ie6, bg will be black, in ie7 bg will be red and in ff, it will display as default

Edited 14 Years Ago by macneato because: removed absolute links

Reply to this topic

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.

_mike_ 0 Newbie Poster · Answer 1 · 2010-07-14T14:12:45+00:00

Hi thanks for fast response, I actually put that slash in to try, but its not working either way. It's wierd because if i replace the main .css with one of the IE stylesheets they work fine, so it must be something in the above code. I'm placing it in the <HEAD> of the page which i believe is correct?

_mike_ 0 Newbie Poster · Answer 2 · 2010-07-14T14:37:21+00:00

I have pm'd ou the link. thanks for having a look

_mike_ 0 Newbie Poster · Answer 3 · 2010-07-14T16:00:56+00:00

hhmmm just uploaded that new order, still not working in IE6 or 7 ... very odd.. I thought at first I had named the .css files incorrectly, but they work indepenently if i put them as the main css.... its really strange! I have a seperate pc to test IE6 and also using software called IETester to test ie7, but theyrte not picking up the style sheets at all.....

_mike_ 0 Newbie Poster · Answer 4 · 2010-07-14T16:56:45+00:00

Thats very interesting, thanks, yeah that does change the backgroung correctly, but the actual css in the attached stylesheet doesnt kick in. Maybe i should just put the entire css where you have placed the background color css. Seems strange though. I'll have a look and see if that works!

_mike_ 0 Newbie Poster · Answer 5 · 2010-07-14T17:32:08+00:00

I have tried the above, its works but then what about any browser outside of IE. If i add the default style sheet it over rules everything else... Nightmare, still can't see why just the follwoing code won't settle this

_mike_ 0 Newbie Poster · Answer 6 · 2010-07-14T19:29:32+00:00

I have now replaced with this

and taken out the main css :

This now works in IE8 , 7 and 6, but obviously not in any other browser as i have taken that last main.css link out... So now i need to tell the browser to load the main.css if its not Internet explorer? any ideas?

_mike_ 0 Newbie Poster · Answer 7 · 2010-07-14T19:40:30+00:00

Finally it now works... I used the following:

<link rel="stylesheet" type="text/css" href="css/main.css" />

macneato 29 Posting Pro in Training · Answer 8 · 2010-07-14T19:40:40+00:00

<link href="main.css" rel="stylesheet" type="text/css">

jrock2004 0 Light Poster · Answer 9 · 2010-07-14T19:50:37+00:00

So you are saying is if you put your main stylesheet above that code and you open your site in firefox that it is all messed up? How? Do you have a link we can view this?

_mike_ 0 Newbie Poster · Answer 10 · 2010-07-14T20:01:51+00:00

Its ok, this

<link href="main.css" rel="stylesheet" type="text/css">

is the answer!

Thanks macneato for helping me with this... First post on here so will be back :)

Cheers jrock2004