Como acertar a margem dupla no IE6. (2)
agosto 6th, 2009 by Luan Garcia, sobre Bugs.
Como sabemos, o IE6 é composto por dezenas de bugs chatos e incovenientes.
E é sobre um deles que vamos falar agora: em elementos com float, se dermos uma margem para a direita ou esquerda, o IE6 tem mania de duplicar essa margem.
Normalmente os(alguns) desenvolvedores falam: “Ah mas resolver isso é facil, é so colocar um hack pro ie6 dizendo que ele tem metade da margem que estao nos outros.”
Sim claro, isso é óbvio, mas que tal resolvermos isso sem hack?
Então faremos o seguinte:
- No elemento que possui o float e a margem, se ocorrer do ie6 duplicar essa margem, use o display: inline; que este bug irá ser corrigido automaticamente.
Ex.:
elemento {
width: 300px;
float: left;
margin-right: 50px; /*essa margem dobra no ie6, logo fica com 100px*/
display: inline; /*corrige o erro da margem duplicada*/}
Valeu galera, até a próxima 
RSS
Twitter
Facebook
Obrigado, problema corrigido.
Nossa!!! Eu tava suando a camisa pra saber disso!!
Valeuuuuu, Lu!!
Continue postando, tenho várias dúvidas! =/