9 replies to this topic

[wawasurf]

Olá,

Estou utilizando em meu site em css, hacks para resolver o problema de os navegadores reconhecerem o css diferente um do outro, pois bem, estou usando isso

<!--[if IE]> 
		<link rel="stylesheet" href="iehacks.css" /> 
	<![endif]-->
	
<!--[if IE 7]> 
		<link rel="stylesheet" href="ie7hacks.css" /> 
	<![endif]-->

Mais naum esta dando certo, no ie7 ele abre o css iehacks.css, qdo era para abrir o ie7hacks, como faço para resolver isso? Existe outra maneira?

Edição feita por: wawasurf, 05/06/2007, 16:36.

['' sem.Ponto]

Faça assim:

<!--[if lt IE 7]> 
		<link rel="stylesheet" href="iehacks.css" /> 
	<![endif]-->
	
<!--[if IE 7]> 
		<link rel="stylesheet" href="ie7hacks.css" /> 
	<![endif]-->

Repare que eu alterei a primeira tag para if lt IE 7. O "It" significa versão menor que... e como coloquei o IE 7, representa versão menor que IE 7, ou seja, o IE 7 não vai ler esse arquivo.

[wawasurf]

Bah cara, acabasse de salvar meu emprego,

Muito obrigado!!

Existe hacks para o Firefox?

[bimonti]

Não .... faz certo no Firefox, e use hacks para os outros. Ou melhor, nem use hacks, faça de forma que não seja necessário. Na maioria dos projetos isso é possível.

[wawasurf]

Blz bimonti,

O código ficará assim?

<!--[if lt IE 7]> 
		<link rel="stylesheet" href="iehacks.css" /> 
	<![endif]-->
	
<!--[if IE 7]> 
		<link rel="stylesheet" href="ie7hacks.css" /> 
<![endif]-->
	
<link rel="stylesheet" href="ff.css"  />

Utilizando hacks para os ie, e chamar o css normalmente para o firefox?

Edição feita por: wawasurf, 05/06/2007, 17:27.

[Inu]

Creio que sim. Não esqueça de que existe outros navegadores além de IE e Firefox. Tem o Netscape, Opera, Awant...

[bimonti]

A diferença entre navegadores não tão ampla assim. Ou eles usam a engine gecko (mesma do firefox) ou a do IE (caso do avant). O Opera que é uma particularidade, mas mesmo asim não chega a ser um problema. O certo mesmo é fazer o site de acordo com os padrões e tecnologias mais recentes, que muito provavelmente o site nem precisará de hacks.

[wawasurf]

Eu coloquei essa linha:

<link rel="stylesheet" href="ff.css" />

o firefox reconheceu beleza, mais ni ie6 e no ie7, fico desconfigurado, pq será? Se eu tiro essa linha, o firefox nem reconhece nada, aparce como se naum estivesse nenhum estilo, e o ie6 e 7, fika beleza

Mais uma coisa, se os navegadores reconhecem o css diferente um do outro, como fazer um css compativel com todos, q tecnologias recentes são essas, poderiam me indicar algum tuto ou site, pra mim aprimorar meus conhecimentos em css?

[bimonti]

Blz, já que você quer aprimorar começe falando certo ... é pra eu fazer alguma coisa, mim não conjuga verbos.


Sobre as tecnologias recentes eu me refiro ao modo de renderizar que os navegadores trabalham. É uma longa história, eu já devo ter explicado ela umas 4 ou mais vezes aqui no fórum. Em termos seria Quirks Mode e Standard Mode. O melhor seria fazer o navegador entrar em Standard Mode (você define o modo na DTD, aquela linha bem no começo da página). Mesmo assim ainda existe uma boa diferença em relação aos navegadores mesmo no Standard Mode.

Eu recomendo o seguinte pra você neste momento. Faça o site funcionar com os hacks que você já fez. O problema que ocorre é o seguinte. O Firefox não entende esses hacks de IE, então o CSS dele vem declarado primeiro. O IE6 não entende o hack do IE7, então o do IE vem em segundo, e por último o do IE7, que só ele mesmo consegue entender. Fui claro ?

Com o site no ar, você tem tempo pra estudar. Eu recomendo este site pra entender a diferença entre Quirks e Standard:

http://www.quirksmode.org

Lá além de explicar de maneira excepcional sobre o assunto, ainda tem tabelas com as propriedades que podem vir a causar problemas, e como elas se comportam em cada navegador. Normalmente dá pra resolver os problemas só entendendo como cada um vai interpretar essas propriedades. Está em inglês este site.

Qualquer dúvida volte a postar.

[Zuliani]

Quantos comentarios condicionais!

Se é só para IE7 e for pouco conteudo você pode fazer um hack direto no css

#TUDO { width:550px } /*todos browsers */
head ~ /* */ body #TUDO { width:500px } /*só para ie7*/