A blog about Ruby, Rails and other Tech. Mostly.

31st Aug 2004, 1:53pm

Layering content above select boxes in IE

I ran into the thorny old problem of popping up content (in this case a calendar date selector) above a select box. The select box always goes on top because of the way IE renders it. However, there is a neat way to fix this by using an iframe underneath your popup box. An example is here.

Be careful to get the zindexes right, I ended up modifying the example code like this, which worked better for my particular case:

...
IfrRef.style.left = DivRef.style.left;
IfrRef.style.zIndex = 0;
DivRef.style.zIndex = 1;
IfrRef.style.display = "block";
...