Problemas con elemento fijo superior en navegadores moviles...

[Pentaxeros]

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!!!

[Pentaxeros]

Ninguna idea????

Gracias!!!

[ipraetoriux]

pero amigo es logico...si quieres que se vea bien en los navegadores moviles debes optimizar tu web para ello...

..tienes distintas formas, creas otra web version movil, o modicas la que tienes teniendo en cuenta responsive design, html5, viewport, css3, jquery mobile, etc para ajustar la web a cualquier screen sea movil de tablet etc etc

[kseso?]

Google, ese gran desconocido.
fixed mobil browser
Un resultado cualquiera

[Pentaxeros]

Os pongo unas capturas de pantalla en un Galaxy S3

Aqui sin hacer zoom, viendo todo en pantalla:


Ahora hago zoom:


Y ahora me desplazo hacia la derecha, y se ve como la barra superior se queda fija, y no se desplaza...


Alguna idea???

Gracias!!!

[Pentaxeros]

Perdon!!! no habia visto las ultimas respuestas...

Habia buscado en castellano y no encontre nada. Voy a ver eso que decis.

La version para moviles estoy con ella, pero me llevara tiempo aun, por eso quiero solucionar esto.

Gracias!!!

[Pentaxeros]

He mirado los enlaces, y las búsquedas y NO resuelven mi problema.

A mi los navegadores móviles que no respetan el position fixed me dan igual, porque hacen zoom y no pasa nada, pueden ir a cualquier punto del menu superior.

El problema viene con los últimos que SI respetan el position:fixed, pero al hacer zoom que quedan CLAVADOS a la izquierda, y no puedes ver mas alla.

En mis capturas de antes se puede ver.

Alguna idea mas???

Gracias!!!

[Pentaxeros]

Bueno, parace que he dado con la solución. Hay que usar JQuery.

Aqui os pongo un enlace para que quede para el futuro:

https://github.com/bigspotteddog/ScrollToFixed

Ahora me hace flata implementarla en mi web!

Gracias!!!

[ipraetoriux]

mi amigo como te puse en mi primer respuesta...HTML5, CSS3, jQUery MObile