load a different css file for browsers

[bleustreak12]

what code do i right to use a css file for opera ,safari and chrome specifically

 

eg this is how i load a css file if someone is viewing my site in ie 6

 

<!--[if IE 6]>

<link href="templates/aaaaa/css/ie6only.css" type="text/css" rel="stylesheet" />

<![endif]-->

[rhodesa]

more importantly, what are you trying to do? you shouldn't need browser specific CSS. usually you can accomplish the same thing with some CSS tweaks/tricks.

 

last resort, you could make it look good in those other browsers, and have an IE specific stylesheet to fix it for IE

[bleustreak12]

well i really want to make my site look different in browsers

 

i am not doing the normal way of making site look same in all aspects in all browsers.

 

certain properties will change that is why i want to have different css files

[rhodesa]

i don't know any specific browser hacks for those browsers, but there are two other options i know of:

 

1 - use PHP's get_browser() to figure out what they use

2 - use JavaScript to figure out what they use and load in styles after the dom loads

[haku]

That's about it. Conditional comments are IE only, as they are only read by IE. You can either make stylesheets only for IE, or not for IE, there isn't a css way to make a stylesheet target other specific browsers.