[Zimwy]

Hi all,
I'm having some trouble with div layers and i was wondering if y'all could help.

I have one set of div boxes that I'd like to be UNDER another set.

Here's my styles:

div.messagepost{
padding: 0.5em;
border: solid;
border-width: 1px;
border-color:rgb(0,0,0);
text-align: left;
z-index: 5;
}

div.berrybox{
z-index: 2;
position: fixed;
top:500px;
left:130px;
}

The message post ones are made on the fly by PHP, and the berrybox ones are individually made in html. The problem is that no matter what values I put for the z-indexes, the berry box is always OVER the message posts. Oh, in the html, the berryboxes have an img in them, (if that makes any difference).

Thanks for your time!
gabe

EDIT:
The message boxes are also in a table if that has anything to do with it. Perhaps I need to set the z-index of the table if that's even possible?

[clam2000]

a) microsoft internet explorer does not support position: fixed

b) i'm not clear on how you're doing the messages... is each one in a seperate div?
i assume that the div is around the table tag.

c) possibly try defining them as
#messagepost {}
#berrybox {}

just some thoughts
--will

[Millennium]

You may have to give them the position:relative property in order to get z-index to work.

[bojangles]

microsoft internet explorer does not support position: fixed

Very true, although I've seen some interesting workarounds....

What I've done on my latest site is use <nobr>{ position:absolute }<nobr> in the initial #divname declaration, immediately followed by
<nobr>body>div#divname { position:fixed }.</nobr>


Internet Explorer doesn't support body>div, so it just skips over it. Every other browser supports it just fine, and replaces the
position:absolute appropriately.

Doesn't necessarily help the initial problem, but food for thought....