two seperate css files?

**gatorgrad** · 01-03-2006, 09:22 AM

Is there a way i can use two unique .css files one if the viewed with IE and another if viewed by Firefox?

I'm thinking there's a way but i haven't found it yet. Thanks for the help!

**sjaguar13** · 01-04-2006, 11:32 AM

You could use Javascript to do it:

Code:

<script language="javascript" type="text/javascript">
<!--
var browser = navigator.appName;
if (browser == "Microsoft Internet Explorer") {
   document.write('<link rel="stylesheet" href="ie.css">');
} else {
   document.write('<link rel="stylesheet" href="ff.css">');
}
//-->
</script>

**gatorgrad** · 01-04-2006, 04:27 PM

thanks...

**GlobalFusion** · 04-21-2006, 04:32 AM

or this in PHP (handy if JS is disabled in their browser):

(obviously, insert it in your <head> section.

PHP Code:

 <?php
function inAgent($agent) {
global $HTTP_USER_AGENT;
$notAgent = strpos($HTTP_USER_AGENT,$agent) === false;
return !$notAgent; }
if ( inAgent('MSIE') ) { $browser = 'ie'; } ?>
<?php if ($browser == 'ie'): ?>
<link rel="stylesheet" href="ie.css" type="text/css" />
<?php else: ?>
<link rel="stylesheet" href="default.css" type="text/css" />
<?php endif; ?>