Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/03/2011, 10:51
Avatar de CHuLoSoY
CHuLoSoY
 
Fecha de Ingreso: febrero-2002
Ubicación: Ribeira (Galicia)
Mensajes: 1.900
Antigüedad: 22 años, 10 meses
Puntos: 29
internet explorer es.... David copperfield. Hace desaparecer mi menú!

Hola amigos. Os paso la dirección porque es un hecho inexplicable.


http://83.165.41.6/Proyectos Gallaenet/marina


Bien, en firefox : OK, en chrome : OK, en opera : OK, en todos: OK. En internet explorer: se ve el menú y cuando termina de cargar la página desaparece por completo.

Si lo quito de la caja de contenido y la saco para debajo del body, se muestra el menú y no desaparece, pero tampoco tiene movimiento (creado con jquery).

He aquí el código fuente:

Código HTML:
Ver original
  1. <div id="menu">
  2.             <ul id="navigation">
  3.                 <LI><a href="index.php">Inicio</a></LI>
  4.                 <LI><a href="index.php">El Restaurante</a></LI>
  5.                 <LI><a href="index.php">Cafetería Victoria</a></LI>
  6.                 <LI><a href="index.php">Cómo encontrarnos</a></LI>
  7.                 <LI><a href="index.php">Nuestro entorno</a></LI>
  8.                 <LI><a href="index.php">Galería de fotos</a></LI>
  9.                 <LI><a href="index.php">Contacte con nosotros</a></LI>
  10.             </ul>
  11.         </div>

Código CSS:
Ver original
  1. #navigation li{
  2.     float:left;
  3.     margin: 1px 0px;
  4.  
  5. }
  6.  
  7. #navigation li a{
  8.     display:block;
  9.     text-align:left;
  10.     color:#FFF;
  11.     width : 170px;
  12.     text-decoration : none;
  13.     border-radius : 0px 10px 10px 0px;
  14.     -moz-border-radius : 0px 10px 10px 0px;
  15.     -webkit-border-radius : 0px 10px 10px 0px;
  16.     background: black;
  17.     padding-left: 20px;
  18. }
  19. #navigation li a:hover{
  20.     display:block;
  21.     padding-left: 20px;
  22.     text-align:left;
  23.     color:#FFCC25;
  24.     background : #580000;
  25. }


Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     var tab = $('#navigation li a');
  3.     tab.mouseenter(function(){
  4.         $(this).stop().animate({
  5.             paddingLeft:50,
  6.             width:195
  7.         }, 250);
  8.     });
  9.  
  10.     tab.mouseout(function(){
  11.         $(this).stop().animate({
  12.             paddingLeft:20,
  13.             width:170
  14.         }, 250);
  15.     });
  16. });

Creo que el código tiene poco de raro, lo raro es que funcione en todos los navegadores existentes y por haber e internet explorer haga de mago druida.

¿Alguien tiene alguna idea? Porque si supiera porqué hace esto ya lo tendría arreglado.

Muchas gracias
Saludos.
__________________
ESQUIO Dominios y Hosting
Las mejores características con los mejores precios.