Hacks CSS

Browsers,CSS
04, maio 2009

E ai pessoal, seguinte…ontem me deparei com algo realmente interessante, e fiquei até meio assustado pelo fato de eu não saber da existência.
O negócio é que todos desenvolvedores web sofrem com as peculiaridades de cada Browser, e se tratando do IE, nem se fala.
Eu já tinha ouvido falar dos Hacks, e pesquisando sobre o assunto encontrei no Blog do Gustavo Paes várias dicas legais.
O que achei mais interessante foi o Hack em que duplicamos um atributo da classe CSS, colocando um “coringa” na frente do nome.
Isso serve para que a propriedade seja alterada apenas no IE.
Exemplo:

#elemento {
height: 50px;
*height: 30px; /* altera propriedade do IE6 e IE7 */
_height: 20px; /* apenas IE6 */
}

Mas nem tudo é maravilha….
Temos apenas um pequeno detalhe:
Esta Gambiarra solução não passa na validação W3, então se isso é necessário, busquem outra solução.
Por hora é isso.

2 Respostas para “Hacks CSS”

  1. wendell palazzo

    é infelizmente… outro pesadelo para webdevelopers…

    neste caso faço é mesmo a verificação em jQuery.browser()

    e pra cada tipo de browser insiro o arquivo .css..
    é um saco.. mas é uma outra saida..

    abraços

    Responder
  2. Jhonata Reis Ribeiro

    Comentários condicionais por enquanto está sendo a solução mais “puritana”, vamos dizer assim. Dá um pouco mais de trabalho por ter que fazer arquivos externos para cada navegador, mas é como o wendell falou..

    Outra saída..

    Os hacks eu prefiro usar só nos testes.

    Flws..

    Responder

Deixar uma Resposta