Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/06/2012, 06:53
Avatar de Pentaxeros
Pentaxeros
 
Fecha de Ingreso: mayo-2008
Mensajes: 173
Antigüedad: 16 años
Puntos: 3
Problemas con elemento fijo superior en navegadores moviles...

Hola tengo una de mis paginas:
www.pentaxeros.com

Que tiene un div superior, que siempre esta visible.

Para que sea así, uso esto:
<div style="position:fixed!important; top: 0;width:100%;min-width:1005px;height:37px; background-color:#000;border-bottom: 1px solid #aaa;">
...
</div>

Funciona bien en todos los sitios, salvo en móviles.

Tengo un Samsung Galaxy III, y tambien he verificado que en Ipad y iphone ocurre igual.
Al hacer zoom en la pagina el DIV se queda arriba y hace zoom, pero el zoom hace que en la pantalla solo quede la parte izquierda visible en la pantalla.

Si me desplazo a la derecha, esa barra no se desplaza conmigo por lo que es imposible ver el resto.

La parte de logeo esta arriba a la derecha, por lo que si haces zoom, no se ve el muñeco rojo, por lo que es casi imposible loggearse.

Sabes de alguna forma para poder hacer que la barra sea flotante, y que en móviles si hago zoom, se desplace con la pagina???

Gracias!!!