Tamaño del select diferente en FF que en IE

[neodani]

Buenas,

Tengo un problema con un campo select de paises. Este campo se muestra correctamente en Firefox y digo correctamente porque me muestra una cantidad de paises pequeña, pero en cambio en internet explorer se le va la pinza y me saca un listado tremendo xD

Se puede ajustar de alguna manera la longitud del select?

Os pego la imagen para que veáis la diferencia



El único CSS que le afecta ahora mismo son estas lineas

Código CSS:

#form_registro  select, #form_registro  textarea{
border:1px solid #AAAAAA;
padding:2px;
margin:3px 0 10px;}
 
#form_registro  select.pais{width:173px;}
 

Muchas gracias de antemano

[seudoCodigo]

Trata de aplicar el tamaño de el "font" y que la data que está en el "select" no tenga espacios. También intenta utilizar la propiedad "min-width"

[neodani]

Iniciado por seudoCodigo

Trata de aplicar el tamaño de el "font" y que la data que está en el "select" no tenga espacios. También intenta utilizar la propiedad "min-width"

Buenas,

La data del select no tiene espacios. Modifiqué el css así

Código CSS:

#form_registro  select{
width:173px; 
min-height:50px;
min-width:50px;
font-weight:bold;
font-size:11px;
font-family:'Lucida Grande',Verdana,sans-serif;}
 

Pero solo conseguí cambiar el aspecto, el tamaño de la lista sigue siendo más grande en internet explorer

¿Alguna sugerencia más?

Muchas gracias de antemano

[neodani]

He buscado otra página que tuviera un desplegable de países y "sufre" el mismo problema que yo, en Internet Explorer aparecen más valores que Firefox.

Visitad el desplegable de paises o provincias

https://plus.elpais.com/clientes2/re....html?prod=TIT

¿Sabéis si este comportamiento es normal y no se puede hacer nada para evitarlo? :S

Gracias de antemano

[hdennison]

No conozco (y posiblemente no haya) una solución basada solamente en css y html.

En caso de no encontrarla, puedes sustituir el select normal por un combobox de algún framework javascript que si permita cambiar estos valores.

Por ejemplo este de jQuery:

http://jquery.sanchezsalvador.com/jquery/page/jquerycomboboxexamplebasic.aspx

[neodani]

Iniciado por hdennison

No conozco (y posiblemente no haya) una solución basada solamente en css y html.

En caso de no encontrarla, puedes sustituir el select normal por un combobox de algún framework javascript que si permita cambiar estos valores.

Por ejemplo este de jQuery:

http://jquery.sanchezsalvador.com/jq...mplebasic.aspx

El problema es que no me gustaría tener que utilizar mas librerias de jquery.

Pero muchas gracias por la sugerencia :)

[dargorg]

El caso es que tu no le puedes decir al navegador cuantos elementos del select tiene que mostrar, porque eso depende del render de cada uno de ellos... tu lo único que podrás hacer es cuatro cositas como cambiar los tamaños de letra, el ancho y alto del cuadro "original" (o sea, sin desplegar), pero ya te digo que eso depende del navegador...

¿De todas maneras porqué te molesta ese aspecto?

[neodani]

Iniciado por dargorg

El caso es que tu no le puedes decir al navegador cuantos elementos del select tiene que mostrar, porque eso depende del render de cada uno de ellos... tu lo único que podrás hacer es cuatro cositas como cambiar los tamaños de letra, el ancho y alto del cuadro "original" (o sea, sin desplegar), pero ya te digo que eso depende del navegador...

¿De todas maneras porqué te molesta ese aspecto?

Me molesta el hecho que sea tan largo en Internet Explorer, pero si depende del navegador, entiendo que el usuario de IE estará acostumbrado a ver ese tipo de desplegables jejeje (por eso me chocaba, no estoy acostumbrado :P)

Muchas gracias a todos por vuestros comentarios

[seudoCodigo]

Pues sabes qué? EStve verificando par de aplicaciones que he desarrollado y los selects se ven igual tanto en IE como FF. Solamente le definí en el CSS la propiedad "width". Lo único que se me ocurre es que pruebes asignandole un valor más alto al "width" y vayas probando en que momentose ve igual. En mi caso el ancho es de 220px

[neodani]

Iniciado por seudoCodigo

Pues sabes qué? EStve verificando par de aplicaciones que he desarrollado y los selects se ven igual tanto en IE como FF. Solamente le definí en el CSS la propiedad "width". Lo único que se me ocurre es que pruebes asignandole un valor más alto al "width" y vayas probando en que momentose ve igual. En mi caso el ancho es de 220px

Pero tus selects tienen grandes cantidades de campos? más de 100? ;)

Puedo ver alguna de esas aplicaciones online?

Saludos!

[seudoCodigo]

Iniciado por neodani

Pero tus selects tienen grandes cantidades de campos? más de 100? ;)

Puedo ver alguna de esas aplicaciones online?

Saludos!

El "width" del CSS es en pixeles. No sé por dónde viene tu pregunta del tamaño de los campos.

Te dejo unos screenshots de como se ven mis selects en IE y FF

Firefox
http://img89.imageshack.us/i/17432355.jpg/


Internet Explorer
http://img264.imageshack.us/i/65613997.jpg/

[seudoCodigo]

Iniciado por neodani

He buscado otra página que tuviera un desplegable de países y "sufre" el mismo problema que yo, en Internet Explorer aparecen más valores que Firefox.

Visitad el desplegable de paises o provincias

https://plus.elpais.com/clientes2/re....html?prod=TIT

¿Sabéis si este comportamiento es normal y no se puede hacer nada para evitarlo? :S

Gracias de antemano

Ah! ya entendí tu duda... Sí ese comportamiento es normal. Yo siempre pensé que te referías al ancho del select