04.03.2010
BUG de margem (margin) duplicada no IE 6
Quem desenvolve HTML a um tempo já se deparou com esse BUG diversas vezes no IE 6. Quando você define uma margem (margin) para um elemento, e esse elemento recebe um float para a mesma direção da margem, ocorre o BUG de duplicação de margem no IE 6.
Por exemplo:
#box {
float:left;
width:600px; height:400px;
margin-left:100px;
}
No caso a cima ocorre a duplicação da margem, pois o float e a margem (margin) estão para o mesmo lado (left).
Solução
Para solucionar esse BUG no IE 6 é atribuído ao elemento display:inline. Dessa maneira todos os browsers irão visualizar corretamente, incluindo o IE 6.
#box {
float:left;
width:600px; height:400px;
margin-left:100px;
display:inline;
}
Simples neh?!