Hey y'all,
Has anyone encountered this before?
I have several divs that are dynamic. Basically they toggle on and off by changing the display property to block or none. The problem is that when there are form elements beneath any of these divs that turn on, some of the form elements still appear 'on top' of the divs, partially covering them up.
Here's a page we've found that simulates this problem.
<!-- m --><a class="postlink" href="http://www.americancentury.com/index.jsp">http://www.americancentury.com/index.jsp</a><!-- m -->
If you rollover 'education & planning', part of the menu is covered by the Find it Fast drop-downs.
The divs we're using are positioned absolutely.
AND OF COURSE WE'VE SEEN THIS PROBLEM SO FAR IN INTERNET EXPLORER!
Anyone know of a workaround for this?? Thanks!This is just a thought... I'm not really sure, but you could try setting z-index order for everything.
And just to let you know, the problem doesn't show up in FF. FF displays it correctly.Yea... we think it's only an IE thing.
I do use z-indexing but only on those divs that toggle on and off. The only thing is though, I wouldn't really want to use z-indexing on the layer that contains the form elements.
For that, the layer would need to be positioned absolutely. And I really wouldn't want to do that.Some form elements are rendered in the Window layer of the browser, whereas most other elements, including DIVs, are rendered in the document layer of the browser. The solution is to hide the offending form elements using JavaScript.
A quick and dirty illustration of the layers of a browser:
-----------------------------
USER
-----------------------------
WINDOW - Some for elments rendered here
-----------------------------
DOCUMENT
-----------------------------
DOCUMENT FLOW(s) (CSS layers)
Most everything else is rendered here
-----------------------------
This isn't an exact illustration, but it does the trick
Since objects rendered at the Window layer are "closer" to the user, they cover up things beneath it.I see... yes, that does make sense.
Thanks for your input, toicontien.
Has anyone encountered this before?
I have several divs that are dynamic. Basically they toggle on and off by changing the display property to block or none. The problem is that when there are form elements beneath any of these divs that turn on, some of the form elements still appear 'on top' of the divs, partially covering them up.
Here's a page we've found that simulates this problem.
<!-- m --><a class="postlink" href="http://www.americancentury.com/index.jsp">http://www.americancentury.com/index.jsp</a><!-- m -->
If you rollover 'education & planning', part of the menu is covered by the Find it Fast drop-downs.
The divs we're using are positioned absolutely.
AND OF COURSE WE'VE SEEN THIS PROBLEM SO FAR IN INTERNET EXPLORER!
Anyone know of a workaround for this?? Thanks!This is just a thought... I'm not really sure, but you could try setting z-index order for everything.
And just to let you know, the problem doesn't show up in FF. FF displays it correctly.Yea... we think it's only an IE thing.
I do use z-indexing but only on those divs that toggle on and off. The only thing is though, I wouldn't really want to use z-indexing on the layer that contains the form elements.
For that, the layer would need to be positioned absolutely. And I really wouldn't want to do that.Some form elements are rendered in the Window layer of the browser, whereas most other elements, including DIVs, are rendered in the document layer of the browser. The solution is to hide the offending form elements using JavaScript.
A quick and dirty illustration of the layers of a browser:
-----------------------------
USER
-----------------------------
WINDOW - Some for elments rendered here
-----------------------------
DOCUMENT
-----------------------------
DOCUMENT FLOW(s) (CSS layers)
Most everything else is rendered here
-----------------------------
This isn't an exact illustration, but it does the trick
Since objects rendered at the Window layer are "closer" to the user, they cover up things beneath it.I see... yes, that does make sense.Thanks for your input, toicontien.