background image tiling problem

[riddim]

I'm having this tiling issue with this gradient background I created and its 1024 x 768 pixels big...what can I do to make the image not tile and fill the entire browser :confused:

[WebJoel]

That is a VERY LARGE image, 1024 by 768px. I seriously doubt if a page so painted with this in the background would load faster than maybe 30 or 40 seconds @56k dial-up.
If it is gradient, -why couldn't you just use a 'slice' that is 1024px wide and 1 pr 2 px in height and have it tile vertically (or, 768px tall and 1 or 2 px wide and tile horizontally)?
An image of this size would only be a 1 or 2 kb in size maybe (vs. the several megabyte 1024 x 768 version).
The bonus is with 'sliced' tiling, if the content height exceeds 768px tall, the 'tiling' continues seamlessly and you don't realize that there is any conflict..

[riddim]

oh thanks, i just wasnt sure how to go about that...i'll go try it out right now

[WebJoel]

I wrote a little example and ZIP'D it, and attached to my first message. You can maybe figure out from that example. I may not have explained it adequately...

[riddim]

thanks..i got it to work out perfectly...

[WebJoel]

Nice! :)