CSS Hacks para o Firefox 3

Por: Diego Franco - [ July 2nd, 2008 ]

Primeiramente parabéns ao Firefox, mais de 8 milhões de downloads em 24 horas, garantindo o seu lugar no Guinness Book.

Bom, chega de elogios e vamos ao trabalho.

Firefox 3, IE8, este último polêmico por sinal, resumindo, diferente do que a galera do Casseta & Planeta diz: nossos problemas não acabaram! Muito pelo contrário talvez até aumentem só o tempo dirá.

Nas primeiras impressões alguns problemas foram realmente melhorados, principalmente em relação a performance, porém já percebemos comportamentos estranhos em alguns atributos CSS, como por ex.:

Problemas com display:table quebrando DIVS no Firefox 2;
Facilmente corrigido com a substituição por overflow:auto;

Porém nos deparamos com comportamentos estranhos com overflow:auto; no Firefox 3;

Para corrigir use:
Use: overflow:visible;

A medida que encontrar mais problemas com CSS e suas devidas soluções no Firefox 3 vou escrever aqui.

E vamos para a declaração dos HACKS para o Firefox 3, título deste post. Lembrando que você poderá usar Conditional comments, depois falamos sobre este.

A resolução é simples escreva sempre o nome da classe do seu elemento seguido de uma vírgula seguido de x:default { atributos } conforme exemplo abaixo:

Hack for Firefox 3
.nomedasuadiv, x:default { atributos }

Vamos lembrar outros Hacks.

Hack for Firefox 2
.nomedasuadiv, x:-moz-any-link { atributos }

Hack for Internet Explorer 7
.nomedoseuelemento { *display:none; }

Hack for Internet Explorer 6
.nomedoseuelemento { _display:none; }

Hack for Opera
@media all and (min-width: 0px){

.content { }

}

Qualquer problema comentem!

Bons testes!

Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater

[...] Continuar lendo...

CSS, Desenvolvimento, Firefox, Hacks | 11 Comentários » View blog reactions

Bugs | CSS | firefox3 | Hacks