Foros del Web » Creando para Internet » CSS »

foto mas grande que pantalla en div

Estas en el tema de foto mas grande que pantalla en div en el foro de CSS en Foros del Web. tengo un div de 1400 pixeles de ancho con una foto de 1400 pixeles de ancho, queria saber si existe alguna forma de que de ...
  #1 (permalink)  
Antiguo 14/07/2010, 08:53
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 9 años, 3 meses
Puntos: 0
foto mas grande que pantalla en div

tengo un div de 1400 pixeles de ancho con una foto de 1400 pixeles de ancho,
queria saber si existe alguna forma de que de esa foto se vean los 1200 pixeles del centro en el caso de que el monitor sea de 1200 pixeles de ancho.
Se que por defecto se ve desde la parte de la izquierda de la foto hasta el pixel 1200
Muchas gracias y que vaya bien
  #2 (permalink)  
Antiguo 14/07/2010, 10:25
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: foto mas grande que pantalla en div

lo que podes hacer es poner la imagen como fonde del div y la centras, de esta manera:

Código CSS:
Ver original
  1. #tudivcontenedor{
  2.    background:url("tu_imagen.jpg") no-repeat center center;
  3.    width:1400px;
  4.    height://lo que necesites;
  5. }

De esta manera te aseguras que aunque la resolucion del usuario sea más pequeña, la img siempre se va a ver centrada

  #3 (permalink)  
Antiguo 14/07/2010, 11:21
Avatar de JOSANCIN  
Fecha de Ingreso: septiembre-2008
Ubicación: huesca
Mensajes: 298
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: foto mas grande que pantalla en div

Hola,
gracias por el mensaje pero no funciona.

que vaya bien
  #4 (permalink)  
Antiguo 14/07/2010, 11:24
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Respuesta: foto mas grande que pantalla en div

podemos ver la pagina?
slds.-
  #5 (permalink)  
Antiguo 14/07/2010, 12:16
Avatar de Carlangueitor
Moderador ლ(ಠ益ಠლ)
 
Fecha de Ingreso: marzo-2008
Ubicación: México
Mensajes: 9.968
Antigüedad: 9 años, 8 meses
Puntos: 1314
Respuesta: foto mas grande que pantalla en div

Lo mejor sería ponerlo como fondo en el body, con el código que te dejo DragonX.

Saludos
__________________
Grupo Telegram Docker en Español
  #6 (permalink)  
Antiguo 14/07/2010, 14:23
 
Fecha de Ingreso: julio-2010
Mensajes: 15
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: foto mas grande que pantalla en div

Aplica a la imagen una anchura del 100% y una posición absoluta, si es que, como he entendido, quieres que se redimensione con el navegador:

img{
width:100%;
position:absolute;
}

Etiquetas: foto, grande, mas, pantalla
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 04:39.