nicht angemeldet
Layer positionieren...
Hi,
ich habe mir gedacht, man könnte doch die Vorteile von absolut positionierten Ebenen und relativ positionierten kombinieren, indem man ein div mit je 1px Hoehe und Breite relativ positioniert und einer absolut positionierten Ebene deren x- und y-Koordinaten zuweist.
Somit haette man relative Positionierung, ohne dass es einem die Tabelle zerreisst.
Ich bin so weit gekommen, aber irgendwie scheinen meine Brauser die Objekte so nicht zu finden.
Bitte um Hilfe/Links/Tipps/Kritik!!!
Vielen Dank,
Guido
im Head das Script:
function poslayers(ref,base) {
if(document.all) { //NN 4.x
wertx = document.images(ref).style.posLeft;
document.all(base).style.posLeft = wertx;
werty = document.all(ref).style.posTop;
document.all(base).style.posTop = werty;
}
else if(document.layers) { //IE ab v4.x
wertx = document.images[ref].left;
document.layers[base].left = wertx;
werty = document.layers[ref].top;
document.layers[base].top = werty;
return wertx;
}
else if(document.getElementById) { //NN ab 6.x
wertx = parseInt(document.getElementById(ref).style.left);
document.getElementById(base).style.left = wertx; // + "px";
werty = parseInt(document.getElementById(ref).style.top);
document.getElementById(base).style.top = werty; // + "px";
}
}
und im Body die Ebenen:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<body onload="javascript: poslayer('reference','basislayer');">
<table align="center"><tr><td>
<div id="reference" style="position:relative; height:1px; width:1px;"><img src="nothing.gif" width="1" height="1"></div>
</td></tr></table>
<div id="basislayer" style="position:absolute; width:200px; height:115px; z-index:2; background-color: #FFFF00; layer-background-color: #FFFF00; border: 1px none #000000;">content...</div>