invertedpanda
08-12-2005, 10:01 PM
Ok, here is my dilemma..
I have a large graphic that is the background for a div. Since users have no real way of knowing if something is loading (thanks to the way browsers handle div backgrounds), I want to place a div that will sit on a lower z-index value than the rest of the site's content, with the content of "loading graphics".
Anyway, the loading thing was an afterthought, so I figured that I would just set the "loading" div with a z-index of 0 (-1 or lower doesn't seem to even work).
To see the site I'm trying to get this to work on, hit http://sound.the-engine.org/csml - it works on the main page in IE and FF, but Opera doesn't do it properly. It doesn't work on the sub pages (about, recordings, etc) in any browser.
So, any insight you can offer would be appreciated. I haven't used z-index values since back when I used a WYSIWYG editor (Dreamweaver 2).
Also, for those of you who have been following my websites, this is the site for my non-industrial compositions (classical/classical fusion).
*edit* I just realized 0 was default, so I set it to -1. Still doesn't work, though.
*edit again* ok, well, I think I found the solutions.. Have to set body to a lower z-index value for FF, and set it to relative positioning and whatnot. Odd.
I have a large graphic that is the background for a div. Since users have no real way of knowing if something is loading (thanks to the way browsers handle div backgrounds), I want to place a div that will sit on a lower z-index value than the rest of the site's content, with the content of "loading graphics".
Anyway, the loading thing was an afterthought, so I figured that I would just set the "loading" div with a z-index of 0 (-1 or lower doesn't seem to even work).
To see the site I'm trying to get this to work on, hit http://sound.the-engine.org/csml - it works on the main page in IE and FF, but Opera doesn't do it properly. It doesn't work on the sub pages (about, recordings, etc) in any browser.
So, any insight you can offer would be appreciated. I haven't used z-index values since back when I used a WYSIWYG editor (Dreamweaver 2).
Also, for those of you who have been following my websites, this is the site for my non-industrial compositions (classical/classical fusion).
*edit* I just realized 0 was default, so I set it to -1. Still doesn't work, though.
*edit again* ok, well, I think I found the solutions.. Have to set body to a lower z-index value for FF, and set it to relative positioning and whatnot. Odd.