Estoy programando una web, y los menús son desplegables y estoy utilizando la librería jQuery. Sin ningún problema en Firefox, Chromium, Safari, Opera e IE8, pero en IE7 los menús tienen la mitad de tamaño de alto. De modo que quedan "cortados" los menús. Siguen siendo desplegables y parece que no hay problema con javascript.
Escribo en software libre aunque IE7 no lo sea, porque la web al completo así como sus aplicaciones (unos juegos en javascript) van a ser liberados de forma libre una vez terminado.
Os pego los menús, a ver si véis el fallo. En caso de que esté bien y sea cosa de IE7, cual es la forma de comentar el código de forma que sólo IE7 lo lea?
javascript del menu:
<script type="text/javascript">
function mainmenu(){
// Oculto los submenus
$(" #nav ul ").css({display: "none"});
// Defino que submenus deben estar visibles cuando se pasa el mouse por encima
$(" #nav li").hover(function(){
$(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).slideDown(400);
},function(){
$(this).find('ul:first').slideUp(400);
});
}
$(document).ready(function(){
mainmenu();
});
</script>
menus en el html:
<div id="menu">
<ul id="nav">
<li><a href="index.php">Nosotros</a>
<ul class="submenu">
<li><a href="localizacion.php">Localizacion</a>
<li><a href="elxxx.php">El Moyao</a>
<li><a href="distribuye.php">Distribuye</a>
<li><a href="enlaces.php">Enlaces</a>
</ul>
</li>
<li><a href="xxxx.php">XXXX</a>
<ul class="submenu">
<li><a href="visita.php">Visita</a>
<li><a href="juegos.php">Juegos</a>
</ul>
</li>
<li><a href="tienda.php">Tienda</a></li>
<li><a href="galeria.php">Galería</a></li>
<li><a href="contacto.php">Contacto</a></li>
</ul>
</div>
</div>
Y por último, el menu del css:
/* Menu */
#menu {
width: 1000px;
height: 20px;
margin: 0 auto;
padding: 0;
background: white;/*url(../imagenes/header_sm.jpg) no-repeat left top;*/
}
#menu ul {
float: right;
margin: 0;
padding: 0px 25px 10px 0px;
list-style: none;
line-height: normal;
}
#menu li {
float: left;
}
#menu a {
display: block;
width: 120px;
height: 26px;
margin-left: 5px;
padding-top: 10px;
background: url(../imagenes/img05.jpg) repeat-x left top;
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: none;
text-align: center;
font-size: 16px;
font-weight: normal;
color: #FFFFFF;
border: none;
}
}
Siento el tochazo. Gracias
