Problema do controle menu com IE8
Boa tarde!
Ao executar meu projeto no IE8 com utilização do controle menu do ASP.NET, o mesmo não mostra os submenus. No firefox funciona normalmente. Qual pode ser o problema?
Carlos Nogueira
Curtidas 0
Respostas
Luiz Maia
03/08/2010
Amigo,
Este problema é do IE 8 mesmo.
Tem duas maneiras de resolver:
Primeiro é somente ir no Menu Tools do IE e mudar o Nivel de Compatibilidade. OU somente clicar num botão que aparece logo depois da barra de endereços.
Outra forma é emular o IE 7 usando a seguinte linha de codigo em suas aplicações:
body { margin: 0 0 0 0; padding:0 0 0 0 }
td,div { font-family:Tahoma;font-size:8pt;vertical-align:top }
body { margin: 0 0 0 0; padding:0 0 0 0 }
.transcript { background-color:#d2d2d2; }
.messageBlock { margin-left:4px; margin-bottom:3px }
.message { margin-left:100px; word-wrap:break-word; white-space:-moz-pre-wrap; _white-space:pre; }
.messageCont { margin-left:100px; word-wrap:break-word; white-space:-moz-pre-wrap; _white-space:pre;}
.other { color:#39577a;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.myself { color:#da8103;font-style:normal;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont { font-size:8px;text-align:right; color:#39577a;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.myselfCont { font-size:8px;text-align:right; color:#da8103;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.system { margin-left:4px; word-wrap:break-word;color:#da8103;font-style:normal;font-weight:normal; white-space:-moz-pre-wrap; _white-space:pre; }
.showTimestamp { margin-right:3px; float:right; color:#999999;font-style:normal;font-weight:normal; }
.other1 { color:#ac2000;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont1 { font-size:8px;text-align:right; color:#ac2000;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other2 { color:#3c9fa8;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont2 { font-size:8px;text-align:right; color:#3c9fa8;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other3 { color:#e25614;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont3 { font-size:8px;text-align:right; color:#e25614;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other4 { color:#0b6ac8;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont4 { font-size:8px;text-align:right; color:#0b6ac8;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other5 { color:#b23290;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont5 { font-size:8px;text-align:right; color:#b23290;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other6 { color:#02e7c7;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont6 { font-size:8px;text-align:right; color:#02e7c7;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other7 { color:#5b3284;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont7 { font-size:8px;text-align:right; color:#5b3284;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.tsDisplay { display:block }
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Colocar dentro do Head do HTML
Abraços
Att
Luiz Maia
GOSTEI 0
Luiz Maia
03/08/2010
Amigo,
Este problema é do IE 8 mesmo.
Tem duas maneiras de resolver:
Primeiro é somente ir no Menu Tools do IE e mudar o Nivel de Compatibilidade. OU somente clicar num botão que aparece logo depois da barra de endereços.
Outra forma é emular o IE 7 usando a seguinte linha de codigo em suas aplicações:
body { margin: 0 0 0 0; padding:0 0 0 0 }
td,div { font-family:Tahoma;font-size:8pt;vertical-align:top }
body { margin: 0 0 0 0; padding:0 0 0 0 }
.transcript { background-color:#d2d2d2; }
.messageBlock { margin-left:4px; margin-bottom:3px }
.message { margin-left:100px; word-wrap:break-word; white-space:-moz-pre-wrap; _white-space:pre; }
.messageCont { margin-left:100px; word-wrap:break-word; white-space:-moz-pre-wrap; _white-space:pre;}
.other { color:#39577a;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.myself { color:#da8103;font-style:normal;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont { font-size:8px;text-align:right; color:#39577a;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.myselfCont { font-size:8px;text-align:right; color:#da8103;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.system { margin-left:4px; word-wrap:break-word;color:#da8103;font-style:normal;font-weight:normal; white-space:-moz-pre-wrap; _white-space:pre; }
.showTimestamp { margin-right:3px; float:right; color:#999999;font-style:normal;font-weight:normal; }
.other1 { color:#ac2000;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont1 { font-size:8px;text-align:right; color:#ac2000;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other2 { color:#3c9fa8;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont2 { font-size:8px;text-align:right; color:#3c9fa8;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other3 { color:#e25614;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont3 { font-size:8px;text-align:right; color:#e25614;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other4 { color:#0b6ac8;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont4 { font-size:8px;text-align:right; color:#0b6ac8;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other5 { color:#b23290;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont5 { font-size:8px;text-align:right; color:#b23290;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other6 { color:#02e7c7;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont6 { font-size:8px;text-align:right; color:#02e7c7;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.other7 { color:#5b3284;vertical-align:top;font-weight:bold;font-style:normal;float:left; width:95px; }
.otherCont7 { font-size:8px;text-align:right; color:#5b3284;font-family:Arial,Lucida Grande;font-style:normal;vertical-align:top;font-weight:bold;float:left; width:95px; }
.tsDisplay { display:block }
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Colocar dentro do Head do HTML
Abraços
Att
Luiz Maia
GOSTEI 0
Carlos Nogueira
03/08/2010
Bom dia Luiz!
Coloquei isso mas o problema continua. O meu controle está em uma master page e inseri essa tag na masterpage.
GOSTEI 0
Luiz Maia
03/08/2010
Altera o nivel de compatibilidade do IE para termos certeza que o problema é proveniente do Browser mesmo.
Me diga o resultado, por favor.
Aguardo
Att
Luiz Maia
GOSTEI 0
Carlos Nogueira
03/08/2010
Certo,
Eu executei a aplicação e quando apareceu o menu do sistema, dei um clique no botão de Compatibilidade que aparece do lado do campo "Endereço" do browser. Ele informou que o localhost estava sendo executado em modo de compatibilidade, mas ao passar o mouse nos menus, os submenus não apareceram, isto é, continuou com o mesmo problema.
GOSTEI 0
Luiz Maia
03/08/2010
Carlos,
Tem algum controle que possa sobrepor estes itens do Menu? Por exemplo um flash ou etc...
Realmente não dá para eu saber qual o problema, ja tive varios chamados com esta mesmo duvida que vc postou e todos eram problema de Nivel de Compatibilidade do IE 8 mesmo.
Faça o seguinte, tem como postar sua aplicação na area de dados Virtual e me passar o link?
Ai eu testo aqui num browser IE8.
Aguardo
Att
Luiz Maia
GOSTEI 0
Carlos Nogueira
03/08/2010
Luiz,
Coloquei o projeto neste endereço: http://video.devmedia.com.br/discovirtual/207009/Problema com IE 8/UBIK.zip. Se tiver algum problema em acessa-lo, você me avisa.
O controle menu se encontra na master page backoffice.master, e ao se autenticar no sistema (redirecionar para página home), só aparecem os nós principais, os submenus não.
GOSTEI 0
Carlos Nogueira
03/08/2010
Luiz,
Tem alguma informação a respeito deste chamado?
GOSTEI 0
Luiz Maia
03/08/2010
Ainda estou testando, não consegui simular o erro. Em minha maquina funciona perfeitamente no IE 8.
Vou testar em outras máquinas com SO diferente.
Qual SO esta usando?
GOSTEI 0
Luiz Maia
03/08/2010
Carlos,
De uma olhada neste artigo "How to fix it". Está em inglês, mas tem os links para resolver o problema para qual o Sistema Operacional esta usando. Caso tenha alguma dificildade, me avise que te ajudo, blz?
Fico no aguardo!
Att
Luiz Maia
GOSTEI 0
Luiz Maia
03/08/2010
Agora sim, o Link:
http://weblogs.asp.net/bleroy/archive/2009/03/23/asp-menu-fix-for-ie8-problem-available.aspx
Abraços
Att
Luiz Maia
GOSTEI 0
Carlos Nogueira
03/08/2010
Ok,
Eu irei ler. Mas já gostaria de aproveitar e perguntar: se faço um sistema para internet, ao usar este controle, outros usuários não podem ter o mesmo problema em suas máquinas? Se sim, esse controle ainda seria confiavel para utilizar nos projetos?
GOSTEI 0
Carlos Nogueira
03/08/2010
Ah, desculpe, esqueci de responder, estou usando windows XP. Após ler seu post sobre sistema operacional, sei que pode parecer ridiculo mas, você acredita que eu possa estar tendo esse problema por causa de permissões na rede ou a maneira que a rede está configurada aqui na empresa?
GOSTEI 0
Carlos Nogueira
03/08/2010
Luiz,
Acessei o artigo mencionado por você e fui no link que o autor do artigo sugeriu para tentar corrir o problema:
http://code.msdn.microsoft.com/KB962351/Release/ProjectReleases.aspx?ReleaseId=2294 (Windows XP)
Mas ao acessar a página, diz que não existe versão liberada.
GOSTEI 0
Luiz Maia
03/08/2010
Carlos,
Pode ser algo relacionado à versão de seu XP.
Veja este link da MSDN que diz respeito a um Hotfix que vc deve baixar para solucionar o Problema.
Provavelmente, seu servidor não faz atuzalizações do windows automaticamente.
http://support.microsoft.com/kb/962351 (item resolução)
Testei aqui em 2 maquinas e todas funcionarm.
Aguardo
Att
Luiz Maia
GOSTEI 0
Carlos Nogueira
03/08/2010
Luiz,
Eu entendi. Também deveria ter feito os mesmos testes na minha casa, mas não cheguei a fazer (vou fazer posteriormente). Eu vou pedir para fechar o chamado, porque aqui na empresa é burocrático esse tipo de instalação (coisas internas daqui), mas considero como solucionado. Qualquer problema, eu posto aqui novamente e reabro o chamado.
Por isso, agradeço pela sua atenção! Valeu pela dica!
Abraços!
GOSTEI 0
Luiz Maia
03/08/2010
Blz Carlos, qualquer coisa, continuamos a sua disposição.
Só aproveitando o gancho do IE 8, não sei se você reparou mas não é possívelo Debugar caso você tenha aberto outros browser simultaneamente. Ou seja, para executar a aplicação e debugar os breakpoints, tem que fechar todos os browser!!! Coisas da Microsoft!!!!
Abraços
Att
Luiz Maia
GOSTEI 0