IE's Select Box Layer Problem (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message


BobbyDouglas -> IE's Select Box Layer Problem (12/2/2004 10:30:54)

Has anyone been able to find a good hack for the problem with IE's select boxes being places on top of everything?

Of course the problem happens when I use a drop down menu...

I have seen that Milonic has been able to do this, but I don't see how.




c1sissy -> RE: IE's Select Box Layer Problem (12/2/2004 10:47:57)

When you mention "layers" are you refering to "divs"?

The correct term is Div. Layer is used mostly by dw users. PIE has an article on the correct terms and syntax of css things, I'm going to find it and post it in here.

In reply to your question, have you tried to email the webmaster of the site in question? Sometimes if you contact them, they can guide you to your answer. I have found this out on many occasions that a nicely worded email can get you a good deal of information. And most of the time if you ask, they will answer (unless its a closely guarded secret [;)] )

Good luck on finding out what you need to know!




BobbyDouglas -> RE: IE's Select Box Layer Problem (12/2/2004 10:57:08)

I posted in their forums, they need an example of what I mean, which I can't get until I get back home. The DIVs is where the problem is, but when you think about what is laid on top of everything, the select boxes are on the top most layer, above the divs.

It seems like adding an IFrame below each menu drop down was able to fix the problem, but there has to be something better out their to use than an IFrame... I will post the code once I get back home, and hopefully get some more suggestions.

Thanks [;)]




rdouglass -> RE: IE's Select Box Layer Problem (12/2/2004 11:43:03)

The prob with select elements is that they're handled by the OS and not by the browser (at least with Windows OS's). AFAIK there is no workaround except to re-design the layout to minimize the impact on the page.

I posted a link and quote somewhere here recently - let me see if I can dig it up....




rdouglass -> RE: IE's Select Box Layer Problem (12/2/2004 11:48:01)

Here's a copy of the stuff:

Here is the specific page in the article:

http://www.brainjar.com/css/positioning/default5.asp

But, unfortunately, here is a snippet:

quote:


It happens because browsers may let other programs handle the display of these elements, like a plug-in or the operating system. Even setting the z-index will not help. These other programs control that space and will simply draw on top of whatever the browser renders.

Which elements "bleed through" depends on the browser. Netscape 6 and IE 5.5 manage all form controls themselves, except for SELECT elements. With IE, these will display on top of any other content. With Netscape, the select box itself works as expected but the scroll bar will bleed through if the SIZE attribute is greater than one. Opera 5.0 has this problem with all form elements.

This cannot be fixed. Your only recourse is to try to avoid overlapping such elements. In some cases, you might know or be able to dynamically detect an overlap and hide the offending element from view by setting its style via scripting using settings like visibility:hidden or display:none.




BobbyDouglas -> RE: IE's Select Box Layer Problem (12/2/2004 14:47:10)

An IFrame seemed to fix this problem. Take a look at the zip file, you can see where the iframe was able to correct the issue.




nishanthr -> RE: IE's Select Box Layer Problem (1/15/2008 22:58:27)

Hello,

Can I add submenu? If possible kindly reply....

Thanks and regards,
Nishanth.R




Tailslide -> RE: IE's Select Box Layer Problem (1/16/2008 2:42:50)

Sorry Nishanth - not sure what you mean. This old post is referring to form selects. You mention sub-menus - are you talking about navigation menus or possibly chained select boxes?




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.0625