...

View Full Version : helped need from expert



inusrat
06-07-2008, 07:14 AM
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.



<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>

fside
06-07-2008, 11:00 PM
Try this for the STYLE:



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;}



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum