nicht angemeldet
Hallo Martin,
hier der "Layer"-Quellkode, der in allen Browsern (ausser NS 4.x) wunderbar funktioniert:
<HEAD>
<TITLE>::: LAYER-StilTechnik :::</TITLE>
<style type="text/css">
body { background-image:url(hleiste01.gif); }
#bild001 { position:absolute; left:300px; top:100px; z-Index:1; }
#bild002 { position:absolute; left:170px; top:150px; z-Index:2; }
#bild003 { position:absolute; right:12px; bottom:220px; z-Index:3; }
#bild004 { position:absolute; right:240px; bottom:220px; z-Index:4; }
#txtfeld001 { position:absolute; left:180px; top:70px; z-Index:5; }
#txtfeld002 { position:absolute; right:12px; bottom:140px; z-Index:6; }
#bild001[id] { position:fixed; } //Extra-ID für alle Browser, die die Fixierung nicht verstehen,
#textfeld002[id] { position:fixed; } //diese setzen die Position dann immerhin noch auf absolute - siehe oben.
</style>
</HEAD>
<BODY>
<div id="bild001"><img src="BILDER/frN01.gif" width="70" height="58" border="0 title="xxx"></div>
<div id="bild002"><img src="BILDER/frNietzsche1t2.jpg" width="70" height="58" border="0" title="xxx"></div>
<div id="bild003"><img src="BILDER/frNietzsche1.jpg" width="70" height="58" border="0" title="xxx"></div>
<div id="bild004"><img src="BILDER/frNietzsche1t1.gif" width="70" height="58" border="0" title="xxx"></div>
<div id="txtfeld001">
<table width="100px" height="160px">
<td>1111</td>
<td>2222</td>
</table>
</div>
<div id="txtfeld002">
<table width="140px" height="80px">
<td>xxxx</td>
<td>yyyy</td>
</table>
</div>
</BODY>
Anmerkung: Layout wie im Printbereich ! TEXT in Tabellen formatieren
BILD als Einzelbild ohne Text setzen
z-Index:1; gibt die Layerlage an, wobei 1 ganz unten ist und 999 ganz oben
Fixierte Position bleibt beim Scrollen in der voreingestellten Position (scrollt nicht mit!).
right: Abstand vom rechten FensterRand,
left: Abstand vom linken FensterRand,
top: Abstand von oben,
bottom: Abstand von unten.
Gruss KLAUS