Supportnet / Forum / Webseiten/HTML
Grafik als fixe Position einer Webpage
Frage
Ich möchte gerne auf einer Webpage eine Grafik fix positionieren. Dh. die Grafik ist dann im Hintergrund, der Text wird darüber geschrieben. Wenn man dann scrollt, so soll nur der Text scrollen - die Grafik soll ihren Platz fix behalten. Wie kann ich das realisieren.
Danke
Klaus
Antwort 1 von Ravetti
hi, ich würde vorschlagen, die Grafik in ein Hintergrundbild einzuarbeiten, dabei muss das Attribut des Hintergrundbild "nicht scollable" sein, was allerdings vom Netscape 4 ignoriert wird.
Antwort 2 von boeser
Skript gibts bei www.dhtml-now.de. Allerdings geht das dann nur mit dem IE, Netscape-user sehen die grafik nicht!
Antwort 3 von boeser
Ach was....bevor du suchst: folgendes in den Head-Bereich eingeben.
<script language="JavaScript1.2">
if (document.all||document.getElementById)
document.body.style.background="url(deinbild.jpg) white center no-repeat fixed"
</script>
<script language="JavaScript1.2">
if (document.all||document.getElementById)
document.body.style.background="url(deinbild.jpg) white center no-repeat fixed"
</script>
Antwort 4 von Rangoo
Bei HTML-Code:
<body background="Dateiname" bgproperties="fixed">
Bei Programmen wie FrontPage Express gibt es unter Seiteneigenschaften bei Hintergrundbild die Möglichkeit "Wasserzeichen".
<body background="Dateiname" bgproperties="fixed">
Bei Programmen wie FrontPage Express gibt es unter Seiteneigenschaften bei Hintergrundbild die Möglichkeit "Wasserzeichen".
Antwort 5 von VOiZE
Nimm doch einfach :
<style type="text/css">
body { background-image:url(test_bkg.jpg); background-repeat:no-repeat; background-position:11cm 6cm;}
</style>
von :
http://www.calamus.to/
[webMASTER]
<style type="text/css">
body { background-image:url(test_bkg.jpg); background-repeat:no-repeat; background-position:11cm 6cm;}
</style>
von :
http://www.calamus.to/
[webMASTER]
Antwort 6 von MixMax
<div style="position:absolute;top:50;left:100;width:XX;height:YY;">
<img src="was.jpg" width=XX heigth=YY>
</div>
<img src="was.jpg" width=XX heigth=YY>
</div>

