> I have a #wrapper div that will need 2 different images in it. 1 image
> is a horizontally repeating tiled gradient at the top then the bottom
> image is as wide as #wrapper and about 200 pixels tall...
> Is there a way to have 2 background images within 1 div? Should I code
> it as a list within the wrap div somehow?
> I have seen this before. Does anyone know of a good reference/tutorial
> for this?
> Or should I just make the background image of the wrap div the top
> repeating gradient backgound and add the bottom image in through the xhtml?
> What is the best semantic way to do this?
The easiest would probably be to put a second div inside the #wrapper,
align it to the bottom of #wrapper, and set it to have the second image
as it's background. It is not one div with two backgrounds, but visually
you wouldn't know.
Hope this helps.
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/