nicht angemeldet
Hallo Beate,
hier ein Quelltext, mit dem sich die sogenannte LayerTechnik in fast allen Browsern (ausser eben Netscape 4.x) realisieren läßt:
Eine definierte "Layer"-Lage wird in <div>-Tags gesetzt.
Ein <div>-Tag in einem anderen <div>-Tag eingeschlossen, wirkt wie eine Mutter-Kind-Beziehung: das Kind-Element richtet sich im Mutter-Element aus.
<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; }
#textfeld002[id] { position:fixed; }
// { position:fixed; } ist ein Zusatz zu { position:absolute; } für alle Browser, die die Fixierung (nicht.scrollbar) nicht verstehen, diese setzen die Position dann immerhin noch auf absolute - also scrollbar - 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" border="0px">
<td>1111</td>
<td>2222</td>
</table>
</div>
<div id="txtfeld002">
<table width="140px" height="80px" border="3px">
<td>xxxx</td>
<td>yyyy</td>
</table>
<div id="txtfeld003">
<table width="40px" height="30px" border="1px">
<td>ääää</td>
<td>öööö</td>
</table>
</div>
</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.
MassAngaben in px (Pixel), pt (Punkt), cm (Zentimeter), em, ... möglich.
Viel Spaß dabei,
Gruss KLAUS