Divs within Divs and backgrounds

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

alice - 24 Jul 2007 19:31 GMT

I'm trying to have a background image in a div, then have several divs
within that div that have black backgrounds. The problem I'm finding
is that in Firefox and Safari, the first background image does not
show through on the other divs, it's as if the black background takes
over, and the space around it reverts to the body background, not the
background image of the containing div. Is there a way around this?

Reply to this Message

Rik - 24 Jul 2007 19:39 GMT

> I'm trying to have a background image in a div, then have several divs
> within that div that have black backgrounds. The problem I'm finding
> is that in Firefox and Safari, the first background image does not
> show through on the other divs, it's as if the black background takes
> over, and the space around it reverts to the body background, not the
> background image of the containing div. Is there a way around this?

Please give an url so we can see what happens.

With the little info you give I guess the div's in the 'main' div are
floated, which results in the parent div having no height whatsoever in
compliant browsers, but MSIE tries to enclose those divs with the parent
div.

This is easily tested for: add an element to the end of the parent div as
the last child, and give it a style="clear:both;". What happens then? If
that doesn't show as expected, an url is certainly required.

Signature

Rik Wasmus

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / July 2007

Divs within Divs and backgrounds