Stylesheets - Divs within Divs and backgrounds

Author

Divs within Divs and backgrounds

alice

2007-07-24, 6:18 pm

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?

Rik

2007-07-24, 6:18 pm

On Tue, 24 Jul 2007 20:31:22 +0200, alice <alice@fearofdolls.com> wrote:=

> 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 a=
s =

the last child, and give it a style=3D"clear:both;". What happens then? =
If =

that doesn't show as expected, an url is certainly required.

-- =

Rik Wasmus