nicht angemeldet
Layer uebereinander positionieren (relativ)
Ich moechte einen Layer dynamisch ueber einen anderen Layer positionieren ohne sie im Quellcode verschachteln zu muessen.
Das soll so funktionieren, dass der 'untere' Layer relativ im Seitenfluss erscheint und der 'obere' Layer sich relativ zur aktuellen Position des unteren Layers darueber positionieren laesst.
Hier mein Beispielcode zur besseren Vorstellung:
(Im ersten Ansatz mal nur fuer Netscape4 lauffaehig)
---------------------------------------------------
<html><head><title>Layer Test</title></head><body>
<layer id=OBEN z-index="2" bgcolor="yellow" height="20" width="100" visibility="show"> </layer><br>
<layer z-index="1" id="HierSollDerOBENLayerDrum">
Jetzt kommt eine Tabelle:
<table>
<tr>
<td>Meier<td>
<td>Müller</td>
</tr>
</table>
</layer>
<br><br><br><br>
Und so sollte es aussehen:<br>
<layer z-index="2" id="OBEN2" bgcolor="yellow">
<layer id="HierSollDerOBEN2LayerDrum">
Jetzt kommt eine Tabelle:
<table>
<tr>
<td>Meier<td>
<td>Müller</td>
</tr>
</table>
</layer>
</layer>
</body></html>
---------------------------------------------------
Hat jemand eine Loesung dafuer ?
Danke,
Chris
-
<html><head><title>Layer Test</title></head><body>
<layer id=OBEN z-index="2" bgcolor="yellow" top=0 left=0 height="50" width="200" visibility="show"> </layer><br>
<layer z-index="3" id="HierSollDerOBENLayerDrum" top=0 left=0 height=50 width=200>
Jetzt kommt eine Tabelle:
<table>
<tr>
<td>Meier<td>
<td>Müller</td>
</tr>
</table>
</layer>So habbs ich getestet:)
Gruß
Thomas-
Hi Thomas, Chris
Funktionieren tut das schon, aber das Problem war, dass der erste Layer !! relativ !! positioniert werden sollte. Das soll heissen, dass vor dem 1 Layer noch irgendetwas steht und damit die Position des ersten Layers nicht absolut festgelegt werden soll.
Deshalb:
<html>
<head><title>Layer Test</title>
<script language="JavaScript">
<!--
function Layerpos() {
document.layers["HierSollDerOBENLayerDrum"].top = document.layers["OBEN"].top;
document.layers["HierSollDerOBENLayerDrum"].left = document.layers["OBEN"].left;
return
}
//-->
</script>
</head>
<body onload="Layerpos()">
Hier steht irgendwas<br>
Hier natuerlich auch<br>
<layer id=OBEN z-index="1" bgcolor="yellow" height="50" width="160"
visibility="show"> </layer><br><layer z-index="10" id="HierSollDerOBENLayerDrum">
Jetzt kommt eine Tabelle:
<table>
<tr>
<td>Meier<td>
<td>Müller</td>
</tr>
</table>
</layer><br><br><br><br>
Und so sollte es aussehen:<br>
<layer z-index="2" id="OBEN2" bgcolor="yellow"><layer id="HierSollDerOBEN2LayerDrum">
Jetzt kommt eine Tabelle:
<table>
<tr>
<td>Meier<td>
<td>Müller</td>
</tr>
</table>
</layer></layer>
</body></html>
Wichtig ist noch, dass Breite und Hoehe des ersten Layers an den zweiten angepasst werden.
Holger
-
Danke Holger, aber wie gesagt, so habe ich es getestet :-)
Gruß
Thomas
-
-