Problemas Com o IE7

Hoje decidi de uma vez por todas parar de dar suporte ao ie6 nos sistemas e apenas dar suporte ao ie7, nossos clientes são orientados a usar o Firefox (que está a anos luz do IE), e eles usam e gostam e depois de algumas semanas não mais usam o IE pra nada, o problema são os clientes dos nossos clientes, eles ainda usam IE :(, o IE 6 é um pesadelo e por esta razão agora vamos dar um basta nele e dar suporte apenas ao IE7, perdemos muito tempo brigando com compatibilidade de um navegador extremamente atrasado.

Mas os paus ainda existem

PAU Zero

O IE7 tem problemas em criar elementos HTML dinamicamente pelo JS,  exemplo de coisa que não funciona no IE7

var inputDesativar = document.createElement(‘input’);
inputDesativar.setAttribute(‘type’,’checkbox’);
inputDesativar.setAttribute(‘onClick’,’carregarComunicacao.desativarComunicacao()’);

A solução é usar o insert do prototype.

$(‘elemento’) .inser(“<div id=’10’>Texto</div>);

PAU 1

setAttribute não consegue setar CSS em tempo de execução, texto explicando o assunto.

Qual a Solução!

$(‘box_comunicacao’).style.width = ‘250px’;
$(‘box_comunicacao’).style.height = ‘150px’;

PAU 2

CSS do IE7 tem um pau de 20px de diferença no posicionamento das coisas, para corrigir isso o hack Exclamação , exemplo:

.box_comunicacao_ul {
height : 90px;
margin-left : -10px;
!margin-left : 10px; /* O Exclamação faz com que só o IE veja isso*/
overflow: auto;
width : 100%;
}