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:

Expand|Select|Wrap|Line Numbers

 
<!-- 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.

Browser Detection for CSS

Post your reply

Similar topics