Foros del Web » Creando para Internet » CSS »

Menu horizontal dinámico con todas las opciones de igual ancho en IE

Estas en el tema de Menu horizontal dinámico con todas las opciones de igual ancho en IE en el foro de CSS en Foros del Web. Buenas estoy haciendo un submenú al que se le pueden ir añadiendo opciones de menú dinámicamente con lo que no quiero dar un ancho fijo ...
  #1 (permalink)  
Antiguo 11/05/2009, 07:28
 
Fecha de Ingreso: mayo-2009
Mensajes: 1
Antigüedad: 8 años, 7 meses
Puntos: 0
Menu horizontal dinámico con todas las opciones de igual ancho en IE

Buenas estoy haciendo un submenú al que se le pueden ir añadiendo opciones de menú dinámicamente con lo que no quiero dar un ancho fijo al tag a de cada opción, en firefox se visualiza como quiero, esto es se ven todo el submenú con el ancho de la opción más ancha, pero como siempre el IE hace lo que quiere y me visuliza cada opción con un tamaño diferente en función del ancho de cada una. A continuación detallo el html y los css que tengo, si quito width=15em en IE pasa lo uqe he explicado antes.

Gracias de antemano

<div id="menu">[INDENT]<ul><li>[INDENT]<ul id="submenu_0" style="display: block;">
<li style="width:auto;"><a href="" style="display:block;width:100%;"> Usuarios </a></li><li></li><li></li><li></li><li></li>
</ul>
</li>
</ul>
</div>

y los estilos

#menu {padding: 0.5em 0;}
#menu ul{color:#fff;width:100%;height:2.1em;background-color: #3366cc;}
#menu ul li{float:left;height:1.1em;background-color: #3366cc;border-right:0.2em solid #fff;padding:0.5em 2.0em;font-size:1.0em;font-weight:bold;cursor:pointer;width:15em;}
#menu ul li ul{display:none;}
#menu ul li ul li {border-top:0.2em solid #FFFFFF;float:none;left:-20px;position:relative;width:15em;top:4px;}
#menu ul li a{color:#fff;}
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:03.