Va más código: https://gist.github.com/1059166
El markup de ambos es idéntico, solo varía la cantidad de options, que en el caso del que lista paises pues se obvia su necesaria cantidad. ¿qué podrá ser? Saludos! 2011/7/1 Mario Álvarez <magrio...@gmail.com> > Pues ya probé y no, dió el mismo resultado en esos navegadores: FF3, IE7 y > 8. > > En FF4 en Windows ya se ve bien! :D > En Safari 4 en mac se ve bien, pero creo que desde antes, solo que no había > probado jejeje. > > Saludos! > > 2011/7/1 Nestali Guerrero > <nguerr...@emergya.es<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=nguerr...@emergya.es> > > > >> Si nos puedes mandar más code, tanto estructura html como css, así vemos >> si >> hay problemas de algo, ya que el code anterior creo que lo pilla >> cualquiera, >> osea que tiene que ser algo raro de ahí. Saludos >> >> El 1 de julio de 2011 20:37, Nestali Guerrero >> <nguerr...@emergya.es<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=nguerr...@emergya.es> >> >escribió: >> >> > vale, ehm a ver si puedo cargar la máquina virtual y verlo en IE, ya que >> te >> > digo que en Safari, netscape navigator, que ya es viejo xD, y los demás >> van >> > bien por lo menos en Mac. >> > >> > De todas formas, ehm mi mente se le pasa que el problema puede ser con >> el >> > position absolute, que el option que tiene que salir a tener el absolute >> y >> > ningún top, o ningún elemento relativo por encima alomejor se esconde. >> pero >> > no estoy seguro, si puedo ahora te lo miro en IE y te digo que es ok? >> > >> > Saludos. si quieres probar poniendo a un div superior, un >> position:relative >> > a ver que pasa. >> > >> > >> > El 1 de julio de 2011 20:29, Mario Álvarez <magrio...@gmail.com> >> escribió: >> > >> > Gracias Nestail. >> >> >> >> Mira, aquí está una captura de IE8: >> >> http://dl.dropbox.com/u/2858209/Screenshot-4.png >> >> >> >> En el primer select, con etiqueta "pais", funciona bien; se ve el span >> con >> >> el valor del option seleccionado y no se ve el select, pero en el >> segundo, >> >> con etiqueta "Tipo de comentario" funciona bien lo de ocultar al select >> >> pero >> >> el span no se ve, a pesar de que está seleccionado un option cuyo valor >> es >> >> "Club premier" y su texto si llega al span, sin embargo como comentaba >> en >> >> el >> >> primer mail, esto solo funciona en Chrome, Chromium y FF5, en todos los >> >> demás que he probado dan este extraño comportamiento... >> >> >> >> Saludos! >> >> >> >> 2011/7/1 Nestali Guerrero >> >> <nguerr...@emergya.es<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=nguerr...@emergya.es> >> > >> >> >> >> > Lo estoy mirando, no puedo reproducir el fallo ahora mismo, veo el >> span >> >> > tanto en camino, FF3, chrome, sigo mirando, pero me puedes decir más >> o >> >> > menos >> >> > el porqué no se te muestra, osea, puede ser por un height??? que >> >> necesites >> >> > tener más espacio por abajo?, ehm dame un pantallazo o algo, lo estoy >> >> > mirando, ahora te cuento! >> >> > >> >> > saludos >> >> > >> >> > El 1 de julio de 2011 20:10, Mario Álvarez <magrio...@gmail.com> >> >> escribió: >> >> > >> >> > > Hola! >> >> > > >> >> > > Les cuento lo que me ocurre: >> >> > > >> >> > > Tengo un select al que debo aplicarle un diseño, para lo que >> codifiqué >> >> el >> >> > > markup: >> >> > > <div> >> >> > > <span>Elemento seleccionado</span> >> >> > > <select> >> >> > > <option></option> >> >> > > [...] >> >> > > </select> >> >> > > </div> >> >> > > >> >> > > El select lo hice invisible y mediante javascript el valor del >> option >> >> > > seleccionado pasa al span para que sea legible al usuario. >> >> > > Quien tiene aplicado el diseño es el div. El span está posicionado >> de >> >> > forma >> >> > > absoluta. >> >> > > >> >> > > CSS del div: >> >> > > div.select_wrapper { >> >> > > background: url(../../eldiseñofantastico.png) no-repeat 0 0; >> >> > > padding: 0; >> >> > > margin: 3px 0 0; >> >> > > width: 282px; >> >> > > position: relative; >> >> > > } >> >> > > >> >> > > del span: >> >> > > div.select_wrapper span.selection { >> >> > > position: absolute; >> >> > > padding: 4px; >> >> > > color: #121419; >> >> > > z-index: 10; >> >> > > top: 0; >> >> > > left: 0; >> >> > > line-height: 17px; >> >> > > } >> >> > > >> >> > > y del select: >> >> > > div.select_wrapper select { >> >> > > opacity: 0; >> >> > > -moz-opacity: 0; >> >> > > filter:alpha(opacity=0); >> >> > > width: 282px; >> >> > > height: 22px; >> >> > > } >> >> > > >> >> > > En Chrome, Chromium y FF5 se comporta bien: en todos los demás: >> IE7, >> >> IE8, >> >> > > Opera, Safari, FF3 (tanto en windows como en mac) solo funciona en >> el >> >> > > primer >> >> > > select, y el segundo no muestra el span. >> >> > > >> >> > > Bueno, si gustan pueden verlo funcionar en >> >> > > http://sampoerna.magrio.net/quejasaeromexico >> >> > > >> >> > > Yo siento que el problema está en el posicionamiento, pero no doy >> con >> >> la >> >> > > solución. >> >> > > >> >> > > ¿Me ayudan? :D >> >> > > >> >> > > Gracias. >> >> > > >> >> > > -- >> >> > > *magrio*alvarez >> >> > > desarrollador*web* >> >> > > _______________________________________________ >> >> > > Lista de distribución Ovillo >> >> > > Para escribir a la lista, envia un correo a >> Ovillo@lists.ovillo.org<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org> >> < >> >> >> https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org >> >> > >> >> > > 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 >> >> > Ovillo@lists.ovillo.org<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org> >> < >> >> >> https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org >> >> > >> >> > Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> >> > http://lists.ovillo.org/mailman/listinfo/ovillo >> >> > >> >> >> >> >> >> >> >> -- >> >> *magrio*alvarez >> >> desarrollador*web* >> >> _______________________________________________ >> >> Lista de distribución Ovillo >> >> Para escribir a la lista, envia un correo a >> >> Ovillo@lists.ovillo.org<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org> >> >> 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 >> Ovillo@lists.ovillo.org<https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=Ovillo@lists.ovillo.org> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección: >> http://lists.ovillo.org/mailman/listinfo/ovillo >> > > > > -- > *magrio*alvarez > desarrollador*web* > > -- *magrio*alvarez desarrollador*web* _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
