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>
> 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>
> > 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*
_______________________________________________
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
