menu nao funciona em ie

[razs 0]

Boas pessoal, tenho aqui uma swituação. tenho um menu que funciona perfeitamente em todos os browsers com excepcao(para nao fugir a regra) no ie, alguem me da uma luz de como o fazer funcionar em ie?

 

eu criei um css file so para o ie assim é mais practico de o por a funcionar sem estragar o que ja funciona nos outros browsers.

 

aqui vai

 

<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="javascript:void(0)">Data</a>
	<ul>
	<li><a href="viata.asp">View Data</a></li>
	</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Users</a>
	<ul>
	<li><a href="reguser.asp">Add User</a></li>
	<li><a href="viewuser.asp?tbl2=username&dir=asc">View User</a></li>
	<li><a href="updatuser.asp">Update User</a></li>
	</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Studys</a>
	<ul>
	<li><a href="add.asp">Add Study</a></li>
	<li><a href="viewdy.asp">View Study</a></li>
	</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Centers</a>
	<ul>
	<li><a href="adter.asp">Add Center</a></li>
	<li><a href="vieter.asp">View Center</a></li>
	</ul></li>
<li><a class="qmparent" href="javascript:void(0)">Patient</a>
	<ul>
	<li><a href="viat.asp">View Patient</a></li>
	</ul></li>	
<li><a class="qmparent" href="secty.asp">Security</a>
</li>
<li><a class="qmparent" href="javascript:void(0)">News</a>
	<ul>
	<li><a href="adws.asp">Add News</a></li>
	<li><a href="vews.asp">View/Delete News</a></li>
	</ul></li>
<li><a class="qmparent" href="fechar.asp">Log Off</a>	
<li class="qmclear"></li></ul>
<script type="text/javascript">qm_create(0,false,0,500,'all',false,false,false,false);</script>

 

.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}

#qm0	
{	
	width:70px;
	background-color:transparent;
	color:#686f76;
}

#qm0 a	
{	
	padding:5px 5px 5px 8px;
	background-color:transparent;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	text-decoration:none;
	color:#686f76;
}

#qm0 a:hover, #qm0 ul a:hover	
{	
	text-decoration:underline;
}

body #qm0 .qmactive, body #qm0 .qmactive:hover	
{	
	text-decoration:underline;
}

#qm0 div, #qm0 ul	
{	
	padding:5px 0px;
}

#qm0 div a, #qm0 ul a	
{	
	padding:2px 0px 2px 15px;
	margin:0px 5px;
	background-color:transparent;
}

#qm0 div a:hover, #qm0 ul a:hover	
{	
	text-decoration:underline;
}

body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
{	
	background-color:#DDDDDD;
	text-decoration:underline;
}

[NetBoy16 72]

Você pode passar o link da pagina? fica mais fácil de analisar.

[razs 0]

www.aquasplender.com/corc/

 

obrigado

[NetBoy16 72]

Em qual IE você ta testando ? eu testei no ie 8 aki e funcionou perfeitamente

[razs 0]

a unica maneira de veres o menu é fazendo o login

ve este

 

admin

1234

[NetBoy16 72]

Oque exatamente acontece além da diferenca de tamanho do menu ? você fala da questão de o submenu desaparecer antes de poder clicar nele ?

[razs 0]

sim usando o firefox o sub menu aparece quaando colocamos o rato em cima de uma das opcoes e no ie nao aparece nada.

[NetBoy16 72]

qual versao do ie estás a utilizar ?

[razs 0]

estou a testar na 9.

[NetBoy16 72]

Hmmm...entao a questao é que quando passa o mouse em cima do menu o submenu nao aparece ?

[razs 0]

exactamente.

 

penso que tenha a ver com o javascript

[NetBoy16 72]

ja validou tua pagina ?

[razs 0]

ainda nao, isso geralmente é a ultima coisa que faço

[Marrabel 20]

Eu não sou muito bom em JS.

 

Tem um exemplo mto bom no site do Maujor sobre Drop Down Menu. Nele, ele utiliza javascript para criar uma classe que corresponda a sequência ul li:hover (na qual os ie's antigos não suportam). Então fica de referência pra você. Link

 

 

Obs: O menu é cross browser. Eu já testei.

 

Espero que o ajude. :thumbsup:

[NetBoy16 72]

faça o que o marrabel disse se nao der certo, enta valida o teu javascript, caso nao de certo entao retorne a postar :thumbsup:

[razs 0]

é uma boa solução.

 

Obrigado aos dois :)

 

ja esta feito, infelizmente esta a fazer conflito com o outro menu, tenho de ir dar uma vista de olhos de modo a separa as acções.

 

consegui arranjar no firefox mas no ie agora altera o menu que tenho em cima.... irra, raios parta o ie

 

ainda por cima o menu no ie tambem nao funciona, esta como o outro....

[NetBoy16 72]

qual é o conflito ?