PDA

View Full Version : Calendar Widget Problem



buntyindia
05-31-2007, 06:12 AM
Hi ,

I am facing a problem with Calendar widget in IE a combo is overlapping calendar widget but in mozilla it is working fine...


IE
http://img120.imageshack.us/img120/2908/ielh0.gif
Mozilla:
http://img405.imageshack.us/img405/2482/mozillarg6.gif


Please Help

Bunty

mburt
06-01-2007, 12:07 AM
The CSS z-index attribute may be of some help.
Place this on the style of calendar:

z-index:100;

buntyindia
06-01-2007, 09:15 AM
I added z-index:100; but it is not working :(

Please help

Bob90
06-01-2007, 09:51 AM
can you give us a link to the page please.

jscheuer1
06-01-2007, 04:08 PM
Upgrade to IE 7. :) I'm only partially kidding. In IE 6 and less, select elements show over everything except iframes. A popular, but somewhat involved method of dealing with this is to interpose a blank iframe element underneath the 'floated' or positioned element, but above the select. If you do this, it is best to have this only happen in IE 6 and less as it can look odd in other browsers, and unnecessarily adds to the script load in them as well. It becomes even trickier if your page is secure, as a secure page needs a secure blank iframe for this to work. Another equally effective strategy, and much easier to work out is to simply move the 'floated' or positioned element so that it doesn't appear over the select. The other strategy I have seen used is to make the select element's visibility style property be hidden while the 'floated' or positioned element is over it. This last isn't usually as good looking, but is easier than the iframe solution and doesn't require rearranging the layout as does the second option.