Foros del Web » Creando para Internet » Diseño web »

Expandir imagen fondo con CSS [Ayuda!]

Estas en el tema de Expandir imagen fondo con CSS [Ayuda!] en el foro de Diseño web en Foros del Web. Hola ! Mi problema es el siguiente: yo tengo un fondo degradado, y al poner la imagen de fondo, o se repite o le pongo ...
  #1 (permalink)  
Antiguo 01/10/2009, 12:21
 
Fecha de Ingreso: septiembre-2009
Mensajes: 23
Antigüedad: 8 años, 3 meses
Puntos: 0
Pregunta Expandir imagen fondo con CSS [Ayuda!]

Hola !

Mi problema es el siguiente: yo tengo un fondo degradado, y al poner la imagen de fondo, o se repite o le pongo el no-repeat para que solo quede una vez. Pero el problema viene que cuando bajo el scroll me queda 1/4 de la pantalla en blanco.

Yo pensaba que si agrandaba la imagen, no sucederia esto, pero al final se sigue viendo en blanco. Lo que yo quiero es que la imagen termine, donde termina la pantalla.

Lo que yo tengo puesto es asi :
Código:
body {
background: url(bg.jpg) repeat-x top;
margin:0 auto;
height:100%;
width:100%;
}

Es decir que yo tengo la imagen repetida horizontalmente, pero cuando voy para abajo me queda una parte en blanco.

Y se ve asi : i38.tinypic.com/o9rdxj.jpg (pongo asi la imagen porque no me deja poner links todavia...)

Espero que puedan solucionar mi problema ! Gracias !
  #2 (permalink)  
Antiguo 01/10/2009, 12:23
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 9 años, 4 meses
Puntos: 1530
Respuesta: Expandir imagen fondo con CSS [Ayuda!]

no puedes expandir con css, todavía no se ha implementado dicha función.
  #3 (permalink)  
Antiguo 01/10/2009, 12:54
 
Fecha de Ingreso: septiembre-2009
Mensajes: 23
Antigüedad: 8 años, 3 meses
Puntos: 0
Respuesta: Expandir imagen fondo con CSS [Ayuda!]

Cita:
Iniciado por maycolalvarez Ver Mensaje
no puedes expandir con css, todavía no se ha implementado dicha función.
Y como haria, entonces ? Existe alguna forma, con algun lenguaje ?

Desde ya, muchas gracias.


EDIT: Queria decirles que ya encontre la manera de hacer lo que quiero ! Aqui se los comparto:

Hay que hacer una imagen de 1px o 2px de ancho y 100 px de alto.

Luego te tenes que fijar con que color termina el degradado, entonces pones este codigo y lo modificas a tu gusto:



Código:
body {
   background: url(fondo.jpg) repeat-x;
        background-color:#fff; //pones el color con el que termina el degradado.
}

Última edición por maty711; 01/10/2009 a las 19:25
  #4 (permalink)  
Antiguo 02/10/2009, 00:55
 
Fecha de Ingreso: octubre-2009
Mensajes: 4
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Expandir imagen fondo con CSS [Ayuda!]

Exacto, eso último te iba a comentar, que en realidad no es expandir sino complementar el bg-image con el bg-color. Saludos!
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 23:45.