Problemilla con div fixed ..

rober_sant · #1 (**permalink**) 03/10/2011, 11:02

Buenas tardes a todos!

A ver si me podeis echar una mano , estoy haciendo una web en la que tengo un div con position fixed , logicamente le he dado una distancia en este caso bottom y left , lo tengo justo donde quiero , el problema lo tengo cuando doy zoom con el navegador, el div logicamente se posiciona donde le he dicho segun bottom y left , pero me gustaría que la composicion se respetase , he probado con poner porcentajes en vez de poner bottom y left con pixeles .... no se.. a ver si alguien me puede echar una mano , espero haberme explicado ..

un saludo a todo!!

cristian_cena · #2 (**permalink**) 03/10/2011, 11:53

hay una tecnica que suma por ejemplo un margin-left en % y resta un left en %. Pero a decir verdad no la recomiendo, nunca queda del todo bien y creería que no funciona en ie7-

Lo mejor en estos casos es que trabajes con contenedores relativos e hijos absolutos.

ejemplo:

Código HTML:

Ver original<body>
<div id="hermano1">
<div id="hijo1"></div>
</div>
<div id="hermano2">
<div id="hijo2"></div>
</div>
<body>

Código CSS:

Ver original#hermano1{position:relative; margin:0 auto; width:980px; height:500px;}
#hijo1{width:50px; height:50px; position:absolute; top:0; left:0; background:blue;}
#hijo2{width:50px; height:50px; position:absolute; top:0; left:0; background:red;}

aquí:
La posicion de #hijo dependerá del inicio de coordenadas (esquina superior izquierda) de #hermano1
La posición de #hijo2 dependerá de body, ya que no encontró ancestro relativo para posicionarse.

No se bien que queres hacer, cualquier cosa detalla más la pregunta y lo vemos.
Saludos.

rober_sant · #3 (**permalink**) 03/10/2011, 15:35

Hola Cristian!!

Acabo de leer tu respuesta pero exactamente no es esto lo que busco , es verdad que los div asi quedan ubicados donde se les indica pero no se crea el efecto fixed deseado con el fondo movil, si quieres visita la pagina que estoy haciendo y lo ves , el div donde estan situados las banderas con los idiomas es fixed, y todo el fondo se mueve a su alrededor .. www.nancyluciaphotography.com/galeria.php y cuando le doy zoom al 75%-50% me gustaria que se situase de otra manera , mas centrado .. de hecho se puede hacer por que lo vi en una web pero no logre adivinar como lo harian ...

un saludo .. y mil gracias .

cristian_cena · #4 (**permalink**) 03/10/2011, 16:19

Ahora creo entender mejor el problema. Supongo que lo que buscaspuede ser googleado como "stycky box".
tutorial | demo

Sino podrías identificar la resolucion y hacer un switch de hojas de estilos.

Saludos

rober_sant · #5 (**permalink**) 04/10/2011, 01:37

Mil gracias Cristian , creo que justamente lo que necesito es eso...ya te contare como quedo