Problema com menu drop down

[Ch4p0L1N 0]

Abram no Firefox e no Internet Explorer: esse link

 

alguém sabe arrumar esse erro que dá no ie?

 

códigos:

<div align="center"><a href="#"><ul> 
	<li><img src="img/but_aeronaves.jpg" alt="Aeronaves" width="120" height="26" border="0" />
	  <ul> 
		<li><a href="#">Monomotores</a></li> 
		<li><a href="#">Bimotores</a></li> 
		<li><a href="#">Turbohelice</a></li> 
		<li><a href="#">Agrícola</a></li> 
		<li><a href="#">Jatos</a></li> 
		<li><a href="#">Ultraleves</a></li> 
		<li><a href="#">Outros</a></li>
	  </ul> 
	</li> 
  </ul>

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 120px;
	}

ul li {
	position: relative;
	}

li ul {
	position: absolute;
	left: 00px;
	top: 300;
	display: none;
	background-color:#333333;
	}
a
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

li:hover ul { display: block; }

[William Bruno 1501]

é oque o Maujor explica nesse link que te passei:

 

"OK, OK, droga, o IE/Win tinha que arruinar tudo e não se comportar em conformidade. O IE/Win somente suporta a pseudo classe:hover aplicada a um link — assim li:hover que faz os sub-menus aparecer, nada significa para o IE."

 

Ai ele aplicou um Java,

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

e fez referência à ele com a id de um UL.

<ul id="nav">

[Ch4p0L1N 0]

é oque o Maujor explica nesse link que te passei:

 

"OK, OK, droga, o IE/Win tinha que arruinar tudo e não se comportar em conformidade. O IE/Win somente suporta a pseudo classe:hover aplicada a um link — assim li:hover que faz os sub-menus aparecer, nada significa para o IE."

 

Ai ele aplicou um Java,

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace
	(" over", "");
   }
   }
  }
 }
}
window.onload=startList;

e fez referência à ele com a id de um UL.

<ul id="nav">

coloquei isso mas não resolveu, no IE o menu continua abrindo em cima do botão

[William Bruno 1501]

Ah tá.. malz.

é que qndo abri no IE6, não tava rolando os sub-menus... pensei que fosse esse o problema.

 

Não é porcausa da posição que você declarou para os teus ULs? (top:300px)

[Ch4p0L1N 0]

Ah tá.. malz.

é que qndo abri no IE6, não tava rolando os sub-menus... pensei que fosse esse o problema.

 

Não é porcausa da posição que você declarou para os teus ULs? (top:300px)

no firefox tá perfeito, temq fazer alguma coisa pra acertar no IE e manter assim no firefox

[brcontainer 16]

só um toque Tiu uiLL isso não é JAVA é JAVASCRIPT são coisas diferentes

é que vi muitos tópicos onde você fala JAVA mas é JavaScript só um toque ta ok?

 

e Ch4p0L1N você deve explicar qual ERRO é que você se refere pois pelo que li aqui

você tá é mais confundindo a gente do que explicando algo, e você tambem não disse qual versão

do IE está dando esse problema do IE6 pro IE7 tem muitas diferenças

 

bem assim que pegar o IE7 eu testo pois acredito que o problema seja nele

pois no IE6 nem ta fucionando ^^

 

falow

[Ch4p0L1N 0]

o problema é no IE7

[brcontainer 16]

que tal começar a corrigir em primeiro alguns erros para podermos chegar ao problema:

left: 00px;
	top: 300;

aplique PX no TOP e ponha um valor tipo 25 pixels

assim:

top: 25px;

ae você vai poder posicionar melhor é esse o seu problema ^^