Q254 How can I control a layer in Explorer 4 so that it is always positioned in the same location on the screen regardless of where in the document the user is currently located?

irt.org | Knowledge Base | DHTML | Q254 [ previous next ]

Q254 How can I control a layer in Explorer 4 so that it is always positioned in the same location on the screen regardless of where in the document the user is currently located?

The following ensures that the layer is always positioned 10 pixels in and 10 pixels down from the top left hand corner of the browsers document window:

<html>
<head>
<script language="JavaScript"><!--
function pageOffset() {
    document.all['layerName'].style.posLeft = document.body.scrollLeft + 10;
    document.all['layerName'].style.posTop = document.body.scrollTop + 10;
    setTimeout('pageOffset()',100);
}
//-->
</head>

<body onLoad="pageOffset()">

<div id="layerName" left="10" top="10">Some content in here</div>

</body>
</html>

Feedback on 'Q254 How can I control a layer in Explorer 4 so that it is always positioned in the same location on the screen regardless of where in the document the user is currently located?'

What's New

How to do the impossible with Google Gears

Out and About

Last Updated: 6th July 2009. Maintained by: Martin Webb
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.