Centrado Superior CSS

vargas_jimenez · #1 (**permalink**) 04/04/2016, 07:04

Buenas tardes,

Me gustaría saber si hay alguna opción para fijar una imagen en un punto concreto mediante CSS y que este quede así, aun que se visualize en otros dispositivos con distinta resolución de pantalla, así como tablets, móviles...

Ahora mismo, tengo la aguja de la imagen que se mueve y está separada de la imagen background. En mi pantalla se ve bien, pero en otros dispositivos, se ve más arriba o más abajo.

¿Alguna sugerencia?

Muchas gracias por la ayuda.

Código:

.image_moving {
    float: left;
    position: fixed;
    z-index: 2000;
    margin-top: 5.8%;
    left: 0px;
    right: 0px;
}

isaac26lopez · #2 (**permalink**) 06/04/2016, 09:55

buenas, vargas:

Has probado cambiando:

position: absolute;

??

Un saludo

vargas_jimenez · #3 (**permalink**) 07/04/2016, 08:16

Hola Isaac,

Gracias por responder. Sí, es una de las opciones que tenía, pero sigue igual como en la imagen.

No_haynombre · #4 (**permalink**) 07/04/2016, 10:11

Hey bro.

Has probado en los respectivos Querys que tienes, poner la posicion de la Img fija? ya que al momento de que la pantalla se va haciendo mas chica la imagen se va corriendo, espero que te pueda servir de algo mi propuesta.

Saludos

luisdeam · #5 (**permalink**) 07/04/2016, 13:08

Probaste colocando en el padre text-align: center; y a la imagen configurarla display:inline-block;

Disculpame, pense que querias centrar, cuando relei me dí cuenta que no es lo que buscabas.
Saludos