Tag Archives: Internet Explorer

Dicas – Fix do bug no IE 8 para divs dinâmicos (ou JQuery accordion)

Bug do Internet Explorer 8 - Ah vá!

…eu podia “estar fazendo” algo mais bacana, como por exemplo, falando sobre uma nova especificação do W3C para o HTML5, como a API vibration que saiu a pouco tempo, ou qualquer outra coisa. Mas não, o IE tinha que atazanar a vida com seus bugs. (:

Brincadeiras a parte, dessa nem o jQuery escapa. Se você tem uma div que é redimensionada dinamicamente, principalmente se ela aumentra de tamanho, ela vai dar problema no IE8. Quando ela aumentar, vai passar por cima de outras divs ou o que quer que esteja no caminho.

E sim, o problema acontece só no IE8. Se ativar o modo de compatibilidade (aquele botão do mal que fica do lado da barra de endereços), o bug não ocorre.

Não adianta apelar para CSS, overflow, height: 100%. Não vai. O que resolve horrendamente o problema é a adição da seguinte tag na head do seu HTML:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

Simples. Essa tag força o IE8 a abrir em mode de compatibilidade mesmo que você não queira. Foi a solução mais aplicável, apesar de ter consequências relativamente desastrosas, já que você está forçando o usuário a voltar no tempo. Tudo que requeira uma versão do Internet Explorer mais nova, não mais terá efeito.

Encontrei a solução em diversos sites, mas a que teve a explicação mais clara foi aqui:

http://stackoverflow.com/questions/3089357/jquery-accordion-bug-in-ie-8-workaround

Bom proveito e… boa sorte!

Dicas – Abrindo mais de um Gmail no Internet Explorer ao mesmo tempo

Diquinha boba, mas ajuda muito.

Algumas vezes precisamos autenticar em algum serviço com mais de uma conta. Vou usar como exemplo o Gmail da Google, mas se aplica a quase todos os serviços. Quando você se autentica na conta do Google, abre uma nova aba ou janela do browser e aponta para o mesmo endereço, ele “sabe” que você já está logado e automaticamente entra na sua conta, perfil, etc.

Não adianta clicar em logoff e entrar com outra conta, pois isso vai fazer o mesmo na outra aba ou página e você vai perder a navegação. Dá para resolver isso com plugins externos ou instalando outros browsers (o que dependendo do caso pode doer), mas o Internet Explorer dispõe de uma opção interessante de inicialização. Vá ao menu Iniciar->Executar e digite o seguinte:

iexplore -nomerge

Isso fará com que uma nova janela do Internet Explorer seja aberta em um novo contexto, não compartilhando a mesma sessão de outras janelas que estejam abertas. Agora você pode tentar acessar o endereço do Gmail e acessar com outra conta, sem interferir na outra janela.

Bom proveito!

Web – IE Developer ToolBar, o “FireBug” do Internet Explorer

Tá, eu sei, é quase uma heresia o título do post para os amantes do FireFox/Firebug (presente), mas essa é a alternativa, especialmente porque temos que testar nossas aplicações na maior parte dos browsers e no Internet Explorer, esta ferramenta é uma mão na roda.

O IE Developer ToolBar é um plugin para o navegador Internet explorer que fornece ao desenvolvedor Web uma variedade de ferramentas para análise compreensão e resolução de problemas em páginas web. A boa surpresa é que o plugin funciona desde a versão 6 do Internet Explorer, possibilitando efetuar análise no código HTML e CSS e saber com mais facilidade o porque daquela determinada característica não funcionar nesta versão do navegador, um grande tormento para os desenvolvedores Web até hoje.

Entre os recursos do plugin, têm-se:

  • Explora e modifica DOM (Document Object Model – Modelo de Objetos de Documentos).
  • Localiza e seleciona elementos específicos na página da Web através de uma variedade de técnicas.
  • Desabilita seletivamente configurações do Internet Explorer.
  • Visualiza nomes de classes de objetos em HTML, IDs e detalhes como caminho de links, valores de indexação e chaves de acesso.
  • Esboço de tabelas, células, imagens ou tags selecionadas.
  • Valida HTML, CSS, WAI e RSS.
  • Exibe informações sobre dimensões de imagens, tamanho de arquivos, caminho e textos altrnativos (ALT).
  • Redimensiona a janela de navegação para uma nova resolução.
  • Limpa o cache e cookies salvos no navegador. Escolha todos os objetos ou apenas aqueles com um domínio dado.
  • Escolhe links diretos a referências de especificações W3C, o blog da equipe do IE e outros recursos.
  • Exibe uma régua detalhada para alinhar e medir objetos com precisão nas suas páginas.
Um recurso muito útil, presente também no FireBug é uma espécie de Inspector, que permite selecionar um elemnteo HTML específico através do posicionamento do mouse. Depois de selecionado, o elemento pode ser analisado através da barra de ferramentas disponibilizada. O vídeo abaixo mostra um pouco do uso do IE Developer ToolBar, desde sua instalação (em inglês).

O download pode ser feito em:

http://www.microsoft.com/downloads/details.aspx?familyid=e59c3964-672d-4511-bb3e-2d5e1db91038&displaylang=en