Foros del Web » Creando para Internet » CSS »

estirar imagen de fondo al 100%

Estas en el tema de estirar imagen de fondo al 100% en el foro de CSS en Foros del Web. Hola amigos, estoy intentando que la imagen de fondo en mi css la deje al 100% actualmeten la tengo asi background-image: url('../images/nuevo.png'); background-attachment: fixed; background-repeat: ...
  #1 (permalink)  
Antiguo 09/10/2008, 13:20
Avatar de Hamn  
Fecha de Ingreso: marzo-2008
Ubicación: Cali-Colombia
Mensajes: 212
Antigüedad: 9 años, 9 meses
Puntos: 1
estirar imagen de fondo al 100%

Hola amigos, estoy intentando que la imagen de fondo en mi css la deje al 100%

actualmeten la tengo asi

background-image: url('../images/nuevo.png');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: 100%;
font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
line-height:1.6;
color: #333;


como la aplico al 100%, de antemano muchas gracias
  #2 (permalink)  
Antiguo 09/10/2008, 13:32
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Respuesta: estirar imagen de fondo al 100%

Hola Hamn

Creo que esta página te servirá de ayuda:

http://www.cssplay.co.uk/layouts/background.html

Saludos,
  #3 (permalink)  
Antiguo 09/10/2008, 14:05
Avatar de Hamn  
Fecha de Ingreso: marzo-2008
Ubicación: Cali-Colombia
Mensajes: 212
Antigüedad: 9 años, 9 meses
Puntos: 1
Respuesta: estirar imagen de fondo al 100%

Ya habia visto esa web pero no entiendo bien como aplicar la imagen hice muchos intentos y no lo consigo aun. La imagen tiene un tamaño de 990px x 590px... en algunos casos cuando la dejo no-repeat se ponia 100% pero esta vez no me anda...
  #4 (permalink)  
Antiguo 09/10/2008, 14:10
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: estirar imagen de fondo al 100%

Es que en el caso de la página que mencionó JavierB, no se usa exactamente background-image sino un tag <img> que se ajusta al 100% del documento.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #5 (permalink)  
Antiguo 09/10/2008, 15:46
Avatar de Hamn  
Fecha de Ingreso: marzo-2008
Ubicación: Cali-Colombia
Mensajes: 212
Antigüedad: 9 años, 9 meses
Puntos: 1
Respuesta: estirar imagen de fondo al 100%

Falsa alarma pense lo habia solucionado


habia puesto asi

background: #12A7FE url(../images/nuevo.png) no-repeat right bottom;
background-attachment: fixed;
font: normal 12px Tahoma, Arial, Helvetica, sans-serif;
line-height:1.6;
color: #333;

pense el color se ajustaba a la imagen pero nada...

Última edición por Hamn; 09/10/2008 a las 16:00
  #6 (permalink)  
Antiguo 09/10/2008, 16:39
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Pregunta Respuesta: estirar imagen de fondo al 100%

¿Has probado con hacerlo de la forma como comentábamos?. Colocar un <img> como fondo que se ajuste al 100% al documento.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #7 (permalink)  
Antiguo 09/10/2008, 17:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: estirar imagen de fondo al 100%

Mira este ejemplo de lo que te dicen, que es my sencillito de hacer:

http://www.araudi.net/ejemplos/fondo_elastico.html
__________________
Visita mi nueva web idplus.org
  #8 (permalink)  
Antiguo 10/10/2008, 01:56
 
Fecha de Ingreso: marzo-2006
Mensajes: 106
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: estirar imagen de fondo al 100%

Prueba a hacer como te dicen. Mete una imagen como etiqueta html, y luego mediante CSS le dices que ocupe el 100% del contenedor en el que esté. Así lo hago yo al menos para páginas fluidas, aunque saber una forma de hacerlo con background no estaría nada mal.
__________________
"El río más profundo siempre es el más silencioso"
  #9 (permalink)  
Antiguo 10/10/2008, 09:12
Avatar de Hamn  
Fecha de Ingreso: marzo-2008
Ubicación: Cali-Colombia
Mensajes: 212
Antigüedad: 9 años, 9 meses
Puntos: 1
Respuesta: estirar imagen de fondo al 100%

Bueno al final tenian razon, me gusta esa opcion muchas gracias funciona aunque no era la idea pero bueno una solucon a un gran problema.
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 07:58.