Browser Detection for CSS

[m4ttyh2007]

I figured i could easily solve my problem if i used a detectin script so a differant CSS could be used for each browser.
So i found this:

<!-- CSS Browser Detect BEGIN -->
<script language="JavaScript"><!--
browser_version = parseInt(navigator.appVersion);
browser_type = navigator.appName;
 
if (browser_type == "Microsoft Internet Explorer" && (browser_version >= 4)) {
document.write("<link REL='stylesheet' HREF='CSS/IECSS.css' TYPE='text/css'>");
} 
 
else if (browser_type == "*Mozilla*" && (browser_version >= 1)) {
document.write("<link REL='stylesheet' HREF='CSS/FFCSS.css' TYPE='text/css'>");
} 
 
// --></script>
<!-- CSS Browser Detect END -->
 

(This is slightly edited tho, but only the browser_type)

So, i was trying to get it too detect FireFox, but i cant figure out what the browser type would be for this.

Anyone have any ideas?

[m4ttyh2007]

Nevermind, i may have found a solution for firefox.

Instead of trying to make one specifically for Firefox, i just made a 'else' line.


Now i need help with opera :D

[drhowarddrfine]

I don't know of any reason to do it this way. If you write your CSS to the W3C standard, the ony browser that may give you problems is IE. Trying to create a different stylesheet for each browser is a waste of time.

[m4ttyh2007]

But you see, time i have.

This is coursework anyway. And all i do is copy the style sheets and alter them slightly so they look just perfect for each browser.

(And i dont do all browsers, so far ive done Internet Explorer, Netscape - which also does firefox) and Opera)

Anyway. Think ive got it all sorted... kinda :/

[drhowarddrfine]

Conditional Love
Kinda is the problem. You are, in a way, writing several stylesheets when one may do. If you want to learn, learn the way it's done. Multiple stylesheets is not the way it's done.