Click here to get back home

DIV Tag Not on Top Z-Index Order Problem?

 HomeNewsGroups | Search | About
 comp.infosystems.www.authoring.html    Post an article   get this group's latest topics as an RSS feed add this group's latest topics to your My MSN content add this group's latest topics to your My Yahoo content
Subject Author Date
DIV Tag Not on Top Z-Index Order Problem? bradwiseathome 03-25-2005
Get Chitika Premium
Posted by bradwiseathome on March 25, 2005, 3:03 pm
Please log in for more thread options



I have this in my <head> tag:

<script type="text/javascript">
function overlay() {
document.getElementById("divoverlay").style.visibility = "visible";
}
</script>


And this in my <body>:

<div id="divoverlay">
<span id="spantext"
style="position:absolute;top:40%;right:30%;vertical-align:middle;">
P L E A S E W A I T
</span>
</div>


And in the onClick of a button the div shows and overlays the entire
page. Almost. The listboxes and drop-down lists still show above the
"please wait" layer, even though their z-index is specifically set to 3
and the divoverlay z-index is 67.

Viewing with IE 6, latest version on WinXP-SP1.

What can I do to truly keep the "please wait" layer on top?

Thanks.



Posted by Steve Pugh on March 25, 2005, 11:49 pm
Please log in for more thread options


bradwiseathome@hotmail.com wrote:

>I have this in my <head> tag:
>
><script type="text/javascript">
> function overlay() {
> document.getElementById("divoverlay").style.visibility = "visible";
> }
> </script>

Doesn't seem relevant to the problem in question.

> And this in my <body>:
>
> <div id="divoverlay">
> <span id="spantext"
>style="position:absolute;top:40%;right:30%;vertical-align:middle;">
> P L E A S E W A I T
> </span>
> </div>
>
> And in the onClick of a button the div shows and overlays the entire
>page. Almost. The listboxes and drop-down lists still show above the
>"please wait" layer, even though their z-index is specifically set to 3
>and the divoverlay z-index is 67.

Select elements are often rendered over the entire page and hence are
on top of the whole z-index stack.

> Viewing with IE 6, latest version on WinXP-SP1.
>
> What can I do to truly keep the "please wait" layer on top?

Nothing. Best you can do is make sure that your 'please wait' and your
select elements are placed so as that they don't overlap (as best you
can allowing for the flexible nature of web pages).

        Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor



Posted by bradwiseathome on March 29, 2005, 2:09 pm
Please log in for more thread options


Is there a fast way to recursively disable the dropdowns and listboxes?
Then they couldn't be clicked.

Thanks.

Steve Pugh wrote:

snip



Posted by me on March 28, 2005, 11:00 am
Please log in for more thread options


>
> I have this in my <head> tag:
>
> <script type="text/javascript">
> function overlay() {
> document.getElementById("divoverlay").style.visibility = "visible";
> }
> </script>
>
>
> And this in my <body>:
>
> <div id="divoverlay">
> <span id="spantext"
> style="position:absolute;top:40%;right:30%;vertical-align:middle;">
> P L E A S E W A I T
> </span>
> </div>
>
>
> And in the onClick of a button the div shows and overlays the entire
> page. Almost. The listboxes and drop-down lists still show above the
> "please wait" layer, even though their z-index is specifically set to 3
> and the divoverlay z-index is 67.
>
> Viewing with IE 6, latest version on WinXP-SP1.
>
> What can I do to truly keep the "please wait" layer on top?
> Thanks.

You got me. I use Dreamweaver to add an onload script to the body. I then
add two layers (aka div) to the body, one named Load Message the other
Content. Load message is set visible and Content is set invisible. I put a
message in Load Message and put all the content in Content. When the page
loads the Content layer stays visible until Content is completely loaded,
then Load Message becomes invisible. Clear as mud right?
Signed,
me

PS: What did you think of my solution for your problem in "Stretch DIV tag
from the middle?" in this NG?




Similar ThreadsPosted
zindex only work when I move the activex object one pixel. April 23, 2006, 1:21 pm
Order of buttons? October 6, 2005, 9:37 am
css parsing order May 20, 2006, 8:11 pm
Z order for frames January 14, 2008, 8:55 pm
div presentation order April 28, 2008, 7:28 pm
WYSIWYG order forms? November 24, 2007, 2:20 am
Floating DIV positioning. How much does the order matter? December 29, 2005, 7:25 am
Order of next, home, prev links in page August 21, 2005, 3:19 pm
"force" user to use site in defined order? April 1, 2008, 1:54 am
Wtd: HTML editor to swap the order of columns in tables August 27, 2006, 7:05 am

Our other projects:

Art Dolls, Fairies and Mermaids - Sunnyfaces.net

Roy's Linux, Programming and Search Engines messages

1-Script XML SitemapXML Sitemap