Foros del Web » Creando para Internet » CSS »

[SOLUCIONADO] Mantener posición dentro de dos divs

Estas en el tema de Mantener posición dentro de dos divs en el foro de CSS en Foros del Web. Hola a [email protected]!! Tengo un problema.. jajaja y no termino de solucionarlo. Os cuento. Tengo dos DIV. Uno central y otro en el lateral izquierdo: ...
  #1 (permalink)  
Antiguo 03/10/2016, 04:59
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 11 años, 11 meses
Puntos: 4
Busqueda Mantener posición dentro de dos divs

Hola a [email protected]!!

Tengo un problema.. jajaja y no termino de solucionarlo. Os cuento.

Tengo dos DIV. Uno central y otro en el lateral izquierdo:
  • El central carga un mapa.
  • El izquierdo, una lista de ciudades.

Me gustaría que, al seleccionar una ciudad , aparezca el típico icono de "globo" encima de la ciudad.

Vale, esto lo consigo porque en base de datos tengo guardada todas las posiciones de las ciudades.

Pero, al redimensionar la ventana el globo no termina de ajustarse a la posición de la ciudad.

La imagen del globo está dentro de un DIV. Es decir, dentro del DIV del mapa, debe situarse el DIV del globo. Esto va bien inicialmente. Pero al redimensionar la ventana, la posición del DIV del globo no se reubica donde debería en el DIV del mapa.

Os paso el código.. A ver si alguien sabría ayudarme:


<div style="width:70%;background:red;">

<img src="mapa.gif" width="100%">
<div id="contenedor3" style="position:absolute; left:5.28%; top:10.75%;"><img src="globo.png" width="100%">
</div>

</div>

Muchas gracias!!
  #2 (permalink)  
Antiguo 03/10/2016, 05:42
 
Fecha de Ingreso: febrero-2011
Mensajes: 156
Antigüedad: 11 años, 11 meses
Puntos: 4
Respuesta: Mantener posición dentro de dos divs

Vale! Ya lo tengo!! Claro, el problema está que, al redimensionar la ventana, se redimensionaba el mapa. Pero no estaba redimensionando la imagen del globo!

quedaría algo del estilo:
<div style="width:70%;background:red;">

<img src="mapa.gif" width="100%">
<div id="contenedor3" style="position:absolute; left:5.28%; top:10.75%;width:2%"><img src="globo.png" width="100%">
</div>

</div>

Todo en porcentaje, así se va ajustando y se posiciona correctamente! :)

Saludos!

Etiquetas: divs, width
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:52.