iPad diversos problemas [2/3 solucionados]

[Wolfchamane]

Buenas tardes!

Por exigencias del cliente, todo el desarrollo realizado en un front-end funcional bajo Chrome, FF, Safari (PC) e IE, tiene que ser también adaptado para iPad.

Pero, una vez subida la solución al servidor y accediendo a través del propio explorador web (Safari) del mismo dispositivo, se producen ciertas incidencias que no existen en el resto de exploradores.

Os detallo a continuación cuales son:

#1. Algunas <SELECT> muestran una única <OPTION> con el texto "0 items", ocupando el máximo de altura de la <SELECT>.

SOLUCION: Las <SELECT> son multiples, para que no aparezca el número de itemes seleccionados, hay que cambiar el formato de la misma.

#2. Algunos <DIV>, que a su vez contienen <SPAN> y <A> anidados entre sí, han perdido su funcionalidad por completo. Estos <DIV> presenta, mediante estilo, "botones" para adjuntar diferentes ficheros.

SOLUCIONADO: en iPad no se pueden "subir" ficheros.

#3. Un <DIV> en concreto no adquiere su estilo apropiado.

Código CSS:

.divWrapper{width:85px;}
@media screen and (((min-device-width: 481px) and (max-device-width: 1024px)) and ((orientation:portrait) or (orientation:landscape)))
{.divWrapper{width:125px;}}
 

¿Alguna ayuda?
Gracias de antemano