Foros del Web » Creando para Internet » CSS »

Centrar Imagen(1920px) en resoluciones diferentes

Estas en el tema de Centrar Imagen(1920px) en resoluciones diferentes en el foro de CSS en Foros del Web. Hola amigos del foro, Necesito si alguien sabe, centrar una imagen(1920px x 300px) que iria en el header, el diseño esta echo para full screen.........pero ...
  #1 (permalink)  
Antiguo 11/03/2012, 08:12
 
Fecha de Ingreso: noviembre-2006
Ubicación: Capital Federal
Mensajes: 141
Antigüedad: 18 años, 1 mes
Puntos: 1
Sonrisa Centrar Imagen(1920px) en resoluciones diferentes

Hola amigos del foro,

Necesito si alguien sabe, centrar una imagen(1920px x 300px) que iria en el header, el diseño esta echo para full screen.........pero yo tengo la resolucion de 1280px x 800px y ahi el Header no me queda centrado la imagen arranca desde la izquierda y no se centra en las demas resoluciones........

Alguien sabe como podria hacer?
He visto que algunos usan un js para detectar la resolucion y le cambian el CSS, es recomendable esto?

Muchas gracias!....
  #2 (permalink)  
Antiguo 11/03/2012, 11:23
Avatar de herzbazi  
Fecha de Ingreso: febrero-2012
Mensajes: 612
Antigüedad: 12 años, 10 meses
Puntos: 36
Respuesta: Centrar Imagen(1920px) en resoluciones diferentes

tenes la direccion web
asi la vemos

tenes que usar porcentajes y css
__________________
Enseña todo lo que sepas...
Aprende todo lo que puedas..
  #3 (permalink)  
Antiguo 11/03/2012, 13:09
Avatar de rampaign  
Fecha de Ingreso: febrero-2010
Ubicación: Lima, Peru, Peru
Mensajes: 12
Antigüedad: 14 años, 10 meses
Puntos: 3
Respuesta: Centrar Imagen(1920px) en resoluciones diferentes

Hola, para centrar la imagen, ya que conoces su tamaño puedes simplemente ponerle un "left:50%" y un "margin-left:-960px", con esto quedara centrada.
Si te interesa redimensionar la imagen de modo que el contenido se vea bien dentro de la resolucion en la que estes, coloca la imagen (dentro de una etiqueta img) dentro de un contenedor, al que le indiques que ocupe el ancho de la pantalla, esto lo puedes hacer con un "width: 100%", o si quieres usa javascript para detectar el tamaño horizontal del navegador y colocarlo como width, de modo que sera un valor fijo y nada se movera incluso si redimensionas el navegador. Luego, a la imagen (dentro de una etiqueta img) colocale un width 100%, para que tenga el tamaño horizontal de su contenedor.

Saludos y espero que te sirva.

Etiquetas: resoluciones
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 19:50.