Si le das una altura de 26px al li que contiene al submenú, no le estás
dando espacio para que quepa dicho submenu.
Creo que la anidación correcta sería así:
<ul class="menu">
<li><a href="1.php">Quiénes somos</a></li>
<li><a href="2.php">Productos</a>
<ul class="submenu">
<li><a href="1.php">Médica</a></li>
<li><a href="2.php">Industrial</a></li>
<li><a href="3.php">General</a></li>
</ul>
</li>
<li><a href="3.php">Maquinaria</a></li>
<li><a href="4.php">Sistema de calidad</a></li>
<li><a href="5.php">Clientes</a></li>
</ul>
Saludos
El 23 de octubre de 2008 17:46, Jose Avia <[EMAIL PROTECTED]> escribió:
> Buenas.
>
> Tengo un problema con una lista anidad en explorer 7.
>
> Perdonad que os ponga el código pero es que me urge y le he dado 20.000
> vueltas y no encuentro solución.
>
> El problema es que se me monta, es decir, el ul anidado se me queda por
> debajo de la entrada siguiente de los menus, es como si IE 7 no lo
> interpretase
>
> El código es este:
> <ul class="menu">
> <li><a href="1.php">Quiénes somos</a></li>
> <li><a href="2.php">Productos</a></li>
> <ul class="submenu">
> <li><a href="1.php">Médica</a></li>
> <li><a href="2.php">Industrial</a></li>
> <li><a href="3.php">General</a></li>
> </ul>
> <li><a href="3.php">Maquinaria</a></li>
> <li><a href="4.php">Sistema de calidad</a></li>
> <li><a href="5.php">Clientes</a></li>
> </ul>
>
> Dudo sobre si es correcto así, o debería de cerrar el li con el ul dentro,
> pero lo cierto es que si hgo esto, también me pasa lo mismo en mozilla.
>
> No se que estoy haciendo mal, si algún float o que.
>
> Insisto, siento poner el código pero me urge y es que no se que mas hacerle
> para ver si funciona :/
>
> El css es este:
>
> #contenido ul.menu{
> margin:15px 10px 0 20px;
> _margin:15px 10px 0 10px;
> padding:0;
> list-style-type:none;
> width:270px;
> font-size:16px;
> float:left;
> }
>
> #contenido .menu li{
> margin:0;
> padding:0;
> width:270px;
> height:26px;
> line-height:26px;
> border-style:solid;
> border-width:0 0 1px 0;
> border-color:#eee;
> }
>
> #contenido .menu li a{
> margin:0;
> padding:0 0 0 10px;
> width:260px;
> text-decoration:none;
> height:26px;
> color:#666;
> }
>
> #contenido .menu a:hover{
> background-color:#e5e5e5;
> color:#333;
> display:block;
> }
>
> #contenido .submenu{
> margin:0 0 0 20px;
> padding:0 0 10px 0;
> list-style-type:none;
> width:230px;
> height:auto;
> font-size:12px;
> }
>
> #contenido .submenu li{
> margin:0;
> padding:0;
> width:230px;
> height:22px;
> line-height:26px;
> border-style:solid;
> border-width:0 0 1px 0;
> border-color:#eee;
> }
>
> #contenido .submenu li a{
> margin:0;
> padding:0 0 0 10px;
> width:220px;
> text-decoration:none;
> height:22px;
> color:#666;
> }
>
> #contenido .submenu a:hover{
> background-color:#e5e5e5;
> color:#333;
> display:block;
> }
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
