Positionering af Layer - også ved scroll
Jeg har kodet lidt på en side, hvor jeg vil "klistre" et layer til bunden af browser vinduet. Det går også fint (testet i IE6, NN7 og Moz1.1). Men scroller man på siden, flytter layeret sig - jeg vil gerne forhindre dette - så effekten er som at have frames (bare uden frames *g*)Eksemplet ligger her (uden scroll)
http://ljweb.dyndns.org/test/bottombar.html
Og koden jeg har lavet her
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>TEST</title>
<meta name="Author" content="Lars B. Jensen, LJ Webnologics">
<meta name="Copyright" content="Lars B. Jensen, LJ Webnologics">
<style type="text/css">
<!--
.copyright {
color: #ffffff;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size : 10px;
padding : 1px 4px 0px 4px;
}
#copyright {
position: absolute;
top: 500;
left: 0;
width: 760;
height: 20;
clip: rect(0px 760px 20px 0px);
visibility: hidden;
background-color: #123456;
layer-background-color: #123456;
z-index: 5;
}
-->
</style>
</head>
<body>
<div name="copyright" id="copyright">
<table width="760" height="20" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="500" valign="middle" class="copyright">TEST</td>
<td width="260" valign="middle" align="right" class="copyright">TEST</td>
</tr>
</table>
</div>
<script language="JavaScript" type="text/javascript">
<!--
// Identify the browser
op = (navigator.userAgent.toLowerCase().indexOf("opera")!=-1) ? true : false;
ns = (document.layers && !op) ? true : false;
ie = (document.all && !op) ? true : false;
dom = (document.getElementById || op) ? true : false;
// Find dimensions
winW = (ie) ? document.body.offsetWidth-20 : window.innerWidth;
winH = (ie) ? document.body.offsetHeight-4 : window.innerHeight;
// Get the style object
obj = (ie) ? document.all['copyright'].style : document.getElementById('copyright').style;
// Set the layer style
obj.top = winH-20;
obj.visibility = 'visible';
//-->
</script>
</body>
</html>
Hvad skal jeg søge på i google for at finde noget om emnet, eller har du en løsning ?
