Problemas con position:fixed

oliverf2 · #1 (**permalink**) 16/10/2012, 04:07

Hola gente!

Estoy diseñando mi pagina web personal con css y tengo un problemilla. Tengo un menu derecho con position:fixed estatico que se posiciona con right:0px, todo perfecto, el problema esta cuando hago la web pequeña con el "zoom", puesto que el position:fixed sale del flujo de la pagina, el menu se keda anclado a la derecha y la pagina se divide en dos ( el menu y el resto )...

Os pongo una imagen para que quede mas claro:

http://subefotos.com/ver/?dad226c88abcd4981ed51c1c17be66d1o.png

Gracias de antemano!

chichote · #2 (**permalink**) 16/10/2012, 16:33

Hola.

El fixed responde a su elemento mayor con position relative.

Ejemplo 1

<body>
<div style="position:fixed; right:0; top:100px;"></div>
</body>

El div se posicionará en relacion al body

Ejemplo 2

<body>
<section style="positoin:relative; width:960px; margin:10px auto;">
<div style="position:fixed; right:0; top:100px;"></div>
</section>
</body>

El div se posicionara en relacion al elemento section.

Saludos.
Chichote

oliverf2 · #3 (**permalink**) 16/10/2012, 16:46

Pues no va, he colocado el elemento mayor en position:relative y ni caso, el elemento ( aside en este caso) sigue posicionandose en relacion a la pantalla pasando olimpicamente del flujo de la pagina, en condiciones normales se ve perfecto, xk kiero el menu pegado a la derecha, el caso esq cuando se minimiza con el zoom, el elemento fixed se va hacia la derecha.. he subido la pagina ( aun no esta acabada :P ) a un hosting para que lo puedas ver mejor..

http://oliverfernandez.site90.com/

Gracias y Saludos

chichote · #4 (**permalink**) 16/10/2012, 19:06

con q navegador estas probando, lo revise con firefox y chrome y no se ve como en la imagen.

Saludos.

oliverf2 · #5 (**permalink**) 17/10/2012, 01:27

Se me olvido decir que eso me pasa solamente cuando el witdh es menor a 1300 ( x lo q hay q disminuir la pantalla para ver el fallo ) ! ya que tengo una media-query apartir de los 1300 pixeles que posicion el aside con left:px y va perfectamente ( ya que el body esta pegado a la izquierda, y como apartir de esa resolucion la web no crece mas pues no hay problema ), y en resoluciones menores a 1300 uso el right:0 para que me salga siempre en el lado derecho, ya que si usara el left con pixeles el menu se saldria en resoluciones menores, y con un left con porcentajes me pasa exactamente lo mismo q con el right:0!

X cierto, este problema solo me sucede en Chrome y creo que Safari, con iexplorer, firefox y Opera al disminuir la pantalla con zoom el layout keda intacto!

Gracias!