Menu desplegable en IE

Marcos071 · #1 (**permalink**) 13/03/2008, 15:02

Hola, aqui estuve lidiando un poco con este menu para una pagina que estoy haciendo y no hay caso!!!

no puedo hacer andar este menu en IE...pueden tirarme alguna ayuda...sé que se puede solucionar con JS pero nunca usé JS...tienen alguna ayuda para solucionar este script.

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RealState Argentina</title>

<style>
body{font-family:Verdana, Arial, Helvetica, sans-serif"Courier New"} 
ul {
   margin:0; 
   padding:0; 
   list-style:none;  
   }
li {
   float: left;   
   position: relative;
   margin:0;
   }
li  a {
   display:block; 
   color: #006699; 
   text-decoration:none;
   padding:5px 0 0 0;
   width:120px;
   height:25px; 
   text-align:center; 
   font-size:10px; 
   font-weight:bold; 
   background-color:#CCCCCC; 
   }
li a:hover {  
   color:#777; 
   text-decoration:none; 
   font-weight:bold; 
   width:120px; 
   height:25px; 
   background-color:#FFCC00;
   }
li ul {     
   display:none;
   position: absolute;
   left:0;
   }
li>ul { 
   top:auto;
   left:auto;
   }
li:hover ul, li.over ul { 
   display:block; 
   }
</style>
</head>

<body>

<ul> 
      <li><a href="inicio.html">Inicio</a></li>  
        <li><a href="propiedades.html">Propiedades</a> 
           <ul> 
              <li><a href="compra.php">Compra</a></li>
              <li><a href="venta.php">Venta</a></li>
              <li><a href="alquiler.php">Alquiler</a></li>
              <li><a href="alq_temp.php">Alquileres Temporarios</a></li>
           </ul> 
          </li> 
      <li><a href="arquitectura.html">Arquitectura</a></li> 
      <li><a href="trasaciones.html">Trasaciones</a></li> 
      <li><a href="contacto.php">Contacto</a></li> 
</ul> 

</body>
</html>

Mikmoro · #2 (**permalink**) 13/03/2008, 15:56

No lo puedes hacer andar en IE6 porque el :hover que usas para el elemento li no funciona en EI6.

Pásate por aquí:

http://www.cssplay.co.uk/menus/

que encontrarás muchísimos menús multi-nivel como el que quieres hacer, y compatibles con IE6.

Mikel.

Marcos071 · #3 (**permalink**) 13/03/2008, 17:57

Y hay posibilidades de que se aplique alguna funcion Js para este menu funcione?
Porque la verdad tanto me ha costado y he buscado que lo quiero asi como esta para el firefox...