[Resolvido] js para importar corretamente css para determinado br

[Bmetre 0]

bom testei meu css nos browser e claro, deu diferença. Bom, queria saber como resolvo isso. Já fiz o css do FF e do IE, como fazer para que sejam importados corretamente?

 

 

obrigado

[webflex 0]

Olá,

 

Você faz apenas um CSS, depois utilize comentários condicionais para o IE.

Existe matéria aqui no forum, pesquise sobre isso ;).

 

Cumps \o/

[inforsis 1]

Apenas para reforçar o que o webflex comentou acima.

O que você pretende pode e deve ser feito com css apenas e não usando js (o nome dessa técnica é Comentário Condicional).

Aqui no Lab. de Scripts você encontra um artigo sobre isso:

 

http://forum.imasters.com.br/index.php?showforum=180

 

Lembre-se, é sempre bom antes de postar usar a Busca do Fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

[Bmetre 0]

Apenas para reforçar o que o webflex comentou acima.

O que você pretende pode e deve ser feito com css apenas e não usando js (o nome dessa técnica é Comentário Condicional).

Aqui no Lab. de Scripts você encontra um artigo sobre isso:

 

http://forum.imasters.com.br/index.php?showforum=180

 

Lembre-se, é sempre bom antes de postar usar a Busca do Fórum iMasters. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

 

OK, eu li lá mas não deu certo aqui não.

[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="stylesheet" media="all" href="style.css" type="text/css">

<!--[if lte IE 5]>


[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="styleIE6.css" type="text/css" rel="stylesheet" />

<![endif]-->

 

 

testei aqui e não puxou o style correto...

 

uma coisa que queria intender também é se isso (teoricamente) só funciona com a tag <link>

ou no meu caso como estava fazendo antes:

 

[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css" media="all">@import "style2.css";</style>

 

com um import....

 

 

como ficaria?

 

aqui testei e não deu certo não galera...

 

tenho o IE6

e coloquei corretamente como explica no forum, fazendo a alteração no nome do .css e não deu certo, continuou importando a mesma css mesmo em browsers diferentes!

 

obrigado

 

Breno Metre

[Bmetre 0]

Apenas para reforçar o que o webflex comentou acima.

O que você pretende pode e deve ser feito com css apenas e não usando js (o nome dessa técnica é Comentário Condicional).

Aqui no Lab. de Scripts você encontra um artigo sobre isso:

 

http://forum.imasters.com.br/index.php?showforum=180

 

Lembre-se, é sempre bom antes de postar usar a Busca do Fórum iMasters. natal_wink.gif

 

 

 

OK, eu li lá mas não deu certo aqui não.

 

 

 

[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] rel="stylesheet" media="all" href="style.css" type="text/css">

<!--[if lte IE 5]>


[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="styleIE6.css" type="text/css" rel="stylesheet" />

<![endif]-->

 

 

testei aqui e não puxou o style correto...

 

uma coisa que queria intender também é se isso (teoricamente) só funciona com a tag <link>

ou no meu caso como estava fazendo antes:

 

[url="http-~~-//december.com/html/4/element/style.html"]<style[/url] type="text/css" media="all">@import "style2.css";</style>

 

com um import....

 

 

como ficaria?

 

aqui testei e não deu certo não galera...

 

tenho o IE6

e coloquei corretamente como explica no forum, fazendo a alteração no nome do .css e não deu certo, continuou importando a mesma css mesmo em browsers diferentes!

 

obrigado

 

Breno Metre

[Kikitten 0]

<!--[if lte IE 5]>


[url="http-~~-//december.com/html/4/element/link.html"]<link[/url] href="styleIE6.css" type="text/css" rel="stylesheet" />

<![endif]-->

 

Mas ali você usou 5 o_O <!--[if lte IE 5]>

 

troca por 6 e vê se da certo ou troca por <!--[if lt IE 7]>

[Kikitten 0]

Não sei para que abrir outro topico x.x mas tudo bem já respondi no outro.

[Bmetre 0]

Kikitten,

 

abri outro pq ninguém respondia esse.

 

A questão de estar o 5 ou 6 não faz diferença... pq em CC você tem as duas opções...

 

Agora fiquei fuçando aqui e consegui fazer. Era erro de sintaxe. Desculpa moderadores hehe.

 

 

Valeu galera.

[inforsis 1]

Bmetre, Bom Dia!

Que bom que você conseguiu resolver....

Então posta a sintaxe do problema corrigido aí, pode ajudar o pessoal posteriormente. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

[Igor.Leroy 0]

Bom dia,

eu estava com o mesmo problema q ele.

Para mim esse codigo resolveu:

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" " href="estilo_ie6.css" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" " href="estilo_ie7.css" />
<!--[else]>
<link rel="stylesheet" type="text/css" " href="estilo_ff.css" />
<![endif]-->

O primeiro estilo aplicado se refere ao IE6, o segundo ao IE7 e o terceiro a não-IE por exemplo Firefox.

Abraços