Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    May 2004
    Posts
    18
    Thanks
    0
    Thanked 0 Times in 0 Posts

    helped need from expert

    Hi , I have a page like the following, which is quite long vertically. I want to display a div statement always at a certain position(lets say center), even if user is at the very bottom of the page. It works fine on FireFox, but on IE it appears way at the bottom, and left corner, I don't know what to do.

    Code:
    <html>
    <head>
    
    <script>
    function showHourGlass(){
     document.getElementById("hourglassPDF").style.display="block"; 
    }
    </script>
    
    <style>
    #hourglassPDF {left:350; top:400px; height:100px; width:550px;
    position:fixed; z-index:1;}
    </style>
    
    
    </head>
    <body>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    <a href='#' onclick='return showHourGlass()'>Line2</a><br>
    
    
    <div id="hourglassPDF" style="DISPLAY: none" >
    <table  border=1 height=100 width=500 cellpadding=0 cellspacing=0>
    <tr><td   bgcolor="FFFF99" align="center"><b>Downloading PDF in progress, please wait ...</b></td>
    </tr>
    </table>
    </div>
    
    </body>
    </html>

  • #2
    Regular Coder
    Join Date
    Mar 2008
    Posts
    301
    Thanks
    2
    Thanked 30 Times in 30 Posts
    Try this for the STYLE:

    Code:
    BODY { background: url("https://") fixed; }
    #hourglassPDF {position:fixed; position: expression('absolute'); left:350px; height:100px; width:550px; top:0px; top: expression( (( t=document.documentElement.scrollTop) ? t: document.body.scrollTop) +'px'); margin-top:350px; z-index:1;}


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •