Jump to content
lugh

[CSS]Dica para compatiblidade entre browsers

Recommended Posts

lugh

Antes de mais gostaria de dizer que sou novo aqui no fórum por isso não faço a mínima ideia se esta dica já foi divulgada anteriormente.

Desta feita, pergunto:

Quem nunca se deparou com uma terrível dor de cabeça por causa da compatibilidade entre browsers? Ora é uma div que fica mais à direita, ou um padding com 1px a mais para a esquerda.  😡

Então cá vai:

#box {

    width: 100px;

    height: 100px;

    background:red;

    padding: 5px; 

    !padding: 6px;

}

O IE, ao contrário do FF, reconhece o caracter ! por isso sepre que houver alguma propriedade teimosa, esta poderá ser contornada com este truque. Por isso, o FF aplicará o padding 5 e o IE aplicará o padding 6.

Na minha opinião esta situação deve ser evitada, resolve mas não é a forma mais correcta de fazer as coisas.

Cheers!

Share this post


Link to post
Share on other sites
filipegr

Excelente, vou utilizar isto para o hi5... muito obrigado, sinceramente não sabia, isso deveria de estar nos tutorials da w3schools mas não.

Share this post


Link to post
Share on other sites
scorch

Eu fiz algo igual mas com * e também funcionava.


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
estrucida

Olha, e passa no validador da W3C?


Há duas coisas infinitas: o Universo e a estupidez humana... embora não haja certezas quanto ao primeiro.

Share this post


Link to post
Share on other sites
scorch

Agora já não me lembro, não tenho bem a certeza mas acho que sim.


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
scorch

Dá com os dois. (! e *)


scorch_pp.png

PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.