Mensaje dentro de Controles de usuario

Responder 
#1 - 28/08/2009 8:52:45 Reporta abuso | Link Permanente
Alonso
Usuario no registrado
Problema drop down list en Internet Explorer

Responder Citar
Buenos días a todos. Tengo un problemilla a la hora de modificar el estilo de un drop down list.

El código del componente es el siguiente.

<asp:dropdownlist ID="DDLPrueba" runat="server" Width="100px" CssClass="CSS/DDL.css">
       <asp:ListItem>Hola</asp:ListItem>
       <asp:ListItem>Adios</asp:ListItem>
       <asp:ListItem>Hola y Adios</asp:ListItem>
       <asp:ListItem>Hola-Hola-Hola-Hola-Hola-Hola</asp:ListItem>
</asp:dropdownlist>   

La hoja de estilos DDL.css contien el siguiente código

#DDLPrueba option{
    width: 500px;
}

El problema resulta que en firefox al pulsar para que aparezca el menú con todos los listItem, el menú que aparece alcanza una anchura de 500px, por lo tanto se pueden ver todas las opciones.

El problema viene con Internet Explorer, que al poner que el componente mida 100 px, pues el menú solo tiene esa anchura y no hace caso al estilo.

¿Hay alguna forma de modificar el tamaño del menú desplegable sin necesidad de quitar el 100 px? Es decir el componente debe medir 100px pero la anchura del menú debe ser 500px.

Se que se puede hacer con javascript y ajax, pero no me dejan utilizarlo así que lo único que se me ha ocurrido son estilos, pero internet explorer se los pasas por los huevos!!

Muchas gracias a todos de antemano
Volver arriba