> ... But in IE ...the background div is being displayed above
> the gallery. Here is my code:
> ...
> #wrapper {
> ...
> position: relative;
> }
> ...
> #slideshow_bg {
> position: absolute;
> z-index: 100;
> ...}
> ...
> .imageGalleryWrapper {
> ...
> position: absolute;
> z-index: 200;
> ...
> }
> ...
> <body>
> <div id="wrapper">
> <div id="slideshow_bg"></div>
> ...
> <div id="main-content">
> <h1>Gallery</h1>
> <div jsId="imageItemStore" dojoType="dojo.data.ItemFileReadStore"
> url="images.json"></div>
> <div id="gallery" dojoType="dojox.image.Gallery"></div>
> </div>
> ...
> </div>
> </body>
We really do need to see the page (or a page like it) live.
But it's possible we could figure it out if we could see the structure of
the code surrounding the element with the class imageGalleryWrapper (which
you don't indicate at all in your code).
Is imageGalleryWrapper perhaps contained within another element having a
relative position?
If so, IE might not respect imageGalleryWrapper's z-index designation
unless you assign a z-index to its container.
Here's a mock up based upon the code you supplied:
http://thesmudge.com/shapeshifter/test.htm
--which displays properly in IE6 and 7, but I only guessed where
imageGalleryWrapper exists, so there must be more you haven't shown us.
Nancy
______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
