Expandir imagen fondo con CSS [Ayuda!]

[maty711]

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 !

[maycolalvarez]

no puedes expandir con css, todavía no se ha implementado dicha función.

[maty711]

Iniciado por maycolalvarez

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.
}

[orlo]

Exacto, eso último te iba a comentar, que en realidad no es expandir sino complementar el bg-image con el bg-color. Saludos!