background image repeat

[tonynoriega]

i have a background image that is one of those basic fades at the top down to the bottom becomes opaque....

the image is 5px wide by 1000px height, and the DIV i am working in has become over 1000px in height...so the image repeats again....near the bottom....

any way to keep this from happening, besides making a 4000px height image?

[Marshall]

Are you asking about [b]not[/i] repeating the image? If that is the case, add to the <div>

background-repeat: no-repeat;

Marshall

[tonynoriega]

no...i have this tag in my css sheet:

#main2{
width:800px;
background-image:url(images/faded_bground.gif);
background-repeat:repeat;
padding: 0px 0px 0px 0px;
}

and the information i put in that div runs about 1500px in height.

the faded_bground.gif is 5 x 1000px....so at 1001px i see the start of the image again...

cant i only set it to repeat once across the top?

[Old_Honky]

Try

#main2{
width:800px;
background-image:url(images/faded_bground.gif);
background-repeat:repeat-x;
padding: 0;
}

or even better

#main2{
width:800px;
background: transparent url(images/faded_bground.gif) repeat-x top;
padding: 0;
}

[edited by: Old_Honky at 11:06 pm (utc) on Sep. 11, 2007]