[Css e broswers] Carregar diferentes css para cada Browser

Front-end
#1

Existe como carregar um css se o browser for um, e carregar outro, se o browser for outro?

exemplo (php):

<html>
<head>
<?
if(IE){
<link rel='stylesheet' type='text/css' href='ie.css'>
}else{
<link rel='stylesheet' type='text/css' href='fire.css'>
}
?>
#2

no próprio css você pode fazer a correção dos bugs que você quiser.

normal para FF
.umaClasseQualquer{
width: 150px;
}


Fix para ie
* html .umaClasseQualquer{
width: 190px;
}

e nesse link aqui você pode fazer a programação dele, o próprio html te da suporte a isso:

#3

Ve se isto resolve

<link rel="stylesheet" href="style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="print.css" media="print">
	<!--[if IE 6]>
	<link rel="stylesheet" href="ie6.css" type="text/css" media="screen">
	<![endif]-->
#4

[quote=labavel]Ve se isto resolve

[code]

[/code][/quote]

Essa solução vai servir somente para IE,

A que o andre deu também funciona, e você pode fazer por javascript verificando qual é realmente o navegador e faz uns case e quando chegar no seu você carrega sua regra css

#5 
<link rel='stylesheet' type='text/css' href='outros.css'>
<!--[if IE 6]>
<link rel='stylesheet' type='text/css' href='ie.css'>
<![endif]-->

Quando coloco isso aqui, ele comenta a segunda importação do css. Está certo isso ?

#6

Galera, não estou conseguindo colocar estes ifs no template central da minha aplicação que usa JSF. Algum sábio já passou por isso?

Atualmente no template esta:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Sistema</title>
<a:loadStyle src="/stylesheet/layout.css"/>   
    <a:loadStyle src="/stylesheet/theme.css"/>
    <a:loadStyle src="/stylesheet/dropdown.css"/>
...

Necessito colocar a condição no template para verificar se o browser é IE ou não, como:

[code]

[/code]

Caso isso não seja possível, existe alguma forma de colocar as clausulas apenas no .css ? Tipo:

<!-- Para FF -->
.slinkMenuItem {
	float: left;
	display: block;
	padding: 1px 10px;
	text-decoration: none;
	width: 100%;
}

<!-- para IE -->
<!--[if IE]>
	.slinkMenuItem {
		display: block;
		padding: 1px 10px;
		text-decoration: none;
		width: 100%;
	}
<![endif]-->

A única diferença é que no IE não pode haver a propriedade “float: left”.

Pesquisei vários links como http://stackoverflow.com/questions/10195310/jsf2-1-7-renders-if-ie-tag-as-text mas sem sucesso :cry:
Como fazer isso no JSF ?

#7

Resolvido:

Reescrevi a classe do .css no template ficando:

[code]

[/code]

Vlws

#8

quando eu escrevo

[if Gecko]

[endif]

ele so reconhece o codigo sem o comentario. o que estou fazendo de errado?

#9