none
Hiding of drop downs in ie6 when a div has to appear over the screen RRS feed

  • Question

  • /*the basics, and works for FF*/
    #LoadingDiv{
                    margin:0px 0px 0px 0px;
                    position:absolute;
                    padding-top:30%;
                    width:100%;
                    height:100%;
                    clear:none;
                    color:#DE1821;
                    font-weight:bold;
                    background-color:#000;
     filter:alpha(opacity=50);
                    -moz-opacity: 0.50;
                    opacity: 0.50;                
                    /*background-color:#666666;
                    border:1px solid #000000;*/
                    }
    /*IE will need an 'adjustment'*/
    * html #LoadingDiv{
         position: absolute;
         height: expression(document.body.scrollHeight >
         document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
                    }

    <script type="text/javascript">

    function

     

    StartProgress() {

    if

     

    (/IE[\/\s](\d+\.\d+)/.test(navigator.userAgent))

    {

     

    var ldiv = document.getElementById('LoadingDiv');

    ldiv.style.width

    =1200;

    setTimeout(

    'document.images["imgProgress"].src="/SiteCollectionImages/loader.gif"', 200);

    ldiv.style.display

    ='block';

     

    var ffversion=new Number(RegExp.$1);

     

    if(ffversion<=6)

    {

    ldiv.style.height

    =screen.availHeight;

    }

     

    }

    }

     

    </script>

    <div id="LoadingDiv" style="display:none; overflow:auto; width:100%" align="center">
        <img src="/SiteCollectionImages/loader.gif" id="imgProgress" alt="" /><br/> Processing...
       </div>

    The div hides all the page controls except the drop downs in Ie6. The script and styles are also inlined. Tried with z-index but of no help.

    Any pointers would be of great help.

    Thanks in advance

    Wednesday, February 9, 2011 7:48 AM

Answers