Olá! Friday, 22 de November de 2019.



Dicas CódigoFonte.net
Friday, 02 de November de 2007

Como utilizar um css para o IE e outro para o Firefox?

Olá Pessoal!

Todos nós sabemos que o Internet Explorer hoje em dia não está só no mundo dos navegadores para internet, existem diversos outros navegadores que também são excelentes e rápidos, mas o mais utilizado é o Firefox.

Vou mostrar-lhes algumas técnicas para carregar um CSS diferente para o Internet Explorer 6 ou o novo IE 7, que geralmente é usado para aplicar hacks. Abrindo um parênteses, hacks são códigos utilizados nas folhas de estilo CSS para que navegadores interpretem de forma correta o código para o nosso layout que foi escrito no CSS original.

Geralmente o pessoal programa em um navegador a sua folha de estilo e logo após aplica os hacks para o IE (Internet Explorer) 6 ou 7, pois este interpreta de forma diferente os códigos do CSS (coisas da Microsoft).

Após escrevermos nossa folha de estilo, aplicamos em nossa página com o seguinte código:



Veja que eu estou utilizando este código dentro da tag

Agora para que o nosso IE interprete o nosso hack, incluímos o seguinte código logo após a definição de nossa folha original:


(Hacks para o IE 6)

e


(Hacks para o IE 7)

Note que nenhum outro browser, inclusive o Firefox, irá interpretar este trecho de código como se fosse uma importação a nossa folha de estilo, apenas o IE 6, no primeiro caso, e IE 7, no último.

O código final de nossa página importando as folhas de estilo original e os Hacks para o IE6 e IE7 poderia ser escrito da seguinte forma:

CodigoFonte.net
Todo do site
Conteúdo do site
Rodapé do site


Pronto. Agora podemos construir nossa página que será compatível com os navegadores Firefox e IE6 e 7 :D

Até a próxima.

Comentários do artigo [Novo comentário]

Gabriel Barros - 13 de November de 2009 - 11:08
Legal :)
[]s
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010