Adicionar a Meu favorito

Friday, 02 de November de 2007

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:



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

Até a próxima.

Outros artigos

Assine o Feed desta categoria

• CSS em Formularios - 17/04/2004
• Modificando o cursor com CSS - 25/03/2004
• Uma visão geral das CSS - 05/03/2004
• CSS - Folhas de estilo em cascata - 16/02/2004
• Ver mais...

Comentários do artigo [Novo comentário]