Theresa Mesa wrote:
>I have a site that I'm working on, and I want to be able to have a
>background image for the body, and then a background image for the
>div#banner, so I can superimpose a box above a line on the logo.
>I've tried putting the URL for the img in the body. Works just fine. When I
>add another image to the div#banner, it doesn't show up.
>Thought it might be a Z index thing, so I gave the body image a z-index of
>0, and the div image a z-index of 1. Didn't help at all, so I removed that.
>Can I do what I want to do? I'm using DW MX, if that's any help.
Please take my humble explanation with a grain of salt, although I am not entirely new to css I
would not say I am an expert (which is the reason I subscribed to this list) and there are more
qualified people around here that may be able to give you a better / the correct description of
what's going on. That being said.......
The reason the logo "disappears" when you specify it as a background in #banner in the css, as
opposed to placing it in the xhtml, is that the logo becomes just that - a background to div#banner.
If the div has no content in the xhtml, the div will not have any height , and therefor the
background logo will not show within the div. So to remedy the situation, just give the div a
height. 86px in this case gives the div enough height for the background to show through.
PS: You're welcome!
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.296 / Virus Database: 265.5.4 - Release Date: 12/15/2004
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/