CSS Sniffing Out Question

jscript_junkie · 06-15-2002, 09:42 AM

Hi everybody. I want a way to sniff out the IE 5.5+ users and provide them with "ie55.css" and everyone else with "other.css" I know I can put some document write in the format of "LINK rel="stylesheet"..." but I don't know how to make it so that only IE 5.5+ writes one LINK tag and all other browsers writing a different LINK tag. In a nutshell, IF IE 5.5+ write "<LINK rel="stylesheet" src="ie55.css" type="text/css">" else write "<LINK rel="stylesheet" src="other.css" type="text/css">"

Hope that helps for a better description. Thanks.

redhead · 06-15-2002, 09:54 AM

I would use conditional comments, its simple:



<![if lt IE.5000]>
<link rel="stylesheet" src="other.css" type="text/css">
<![endif]>

there is a tutorial on the JavaScript Kit site about these here, they are simple and to the point, without using huge chunks of code.

Hope this helps

jscript_junkie · 06-15-2002, 09:58 AM

Thanks. I'll try reading that tutorial. If anything happens, I'll post a question here.

jscript_junkie · 06-15-2002, 10:43 AM

This is a good tool for IE users, but I also need something to write a LINK tag if they are using something other than IE 5.5+ (Netscape users will need a script since the comments aren't supported) In another nutshell

, IF other than IE 5.5+ write "<LINK rel="stylesheet" src="other.css" type="text/css">"

redhead · 06-15-2002, 11:04 AM

the whole way this works is that if it is "if greater than or equal to IE 5" it will be a comment, and IE will display it as if there was no comment. if its "if less than IE 5" then it will not be a comment, so all other browsers will take it as a blank/incorrect tag. (correct me if im wrong

)

heres what i mean...



<![if lt IE 5]>
this was never a comment to begin with, but IE5+ is programmed not to display it. All other browsers will display it because it isnt a comment
<![endif]>

see?... hope this helps, this method has always worked for me

Edit: Whoops, i had made a mistake in my first post. the second conditional comment should have been:

<![if lt IE 5.5000]>

apoligies!

jscript_junkie · 06-15-2002, 11:09 AM

Oh, I see now. Thanks for your help.

redhead · 06-15-2002, 11:18 AM

any time

Zvona · 06-15-2002, 03:45 PM

I don't want to be mean since beginning, but jscript_junkie, you should read rules about cross-posting (Referring to this post).

Sc00bs · 06-19-2002, 06:28 PM

think you can do the ! = not thingamebob too

<!--[if gte IE 5]> (if greater than IE5)
<!--[if ! gte IE 5]> (if not greater)

That will make it less painful on those weary braincells after a long day