nicht angemeldet
Bild fest - Text scrollt -> WIE?!
Hallo!
Ich möchte eine Grafik in einem Frame als Hintergrund nutzen. Dabei soll der
der Text und die Bilder über der Hintergrundgrafik liegen. Dass habe ich so
gemacht:
<html>
<head>
</head>
<body>
<div style="position:absolute;">
<img src="bild.gif" width="350" height="150" border="0">
</div>
<div style="position:absolute;">
Text ...
</div>
</body>
</html>
Nun will ich aber, dass die Hintergrundgrafik stehen bleibt, sozusagen der Text
über der Grafik scrollt. Wie mache ich das???
Mit <div style="position:fixed;"> geht das beim Bild, aber nur bei Opera!! Wie kann
ich den Effekt auch für IE und Netscape verwirklichen?
Es soll aber nicht so sein, dass ich eine Abfrage der Browser mache und dann
unterschiedliche Seiten lasen muss - das will ich nicht!!
Danke für eure Tips!!!!
Simon
-
mach das doch einfach mit <body background="bild.jpg" bgproperties="fixed">
hat nur nen kleinen Haken: geht nur mit Internet Explorer.
Daniel
-
mach das doch einfach mit <body background="bild.jpg" bgproperties="fixed">
hat nur nen kleinen Haken: geht nur mit Internet Explorer.
ja, und ich will eben keine page haben, die nur ein browser richtig anzeigt ;)
danke aber trotzdem!
cy
-
hi
mach das doch einfach mit <body background="bild.jpg" bgproperties="fixed">
hat nur nen kleinen Haken: geht nur mit Internet Explorer.
daher schreibt man auch style="background-attachment:fixed;", wie es das W3C vorschreibt - dann geht's in MSIE, Opera Netscape 6+, konqueror, Mozilla...
Grüße aus Bleckede
kai
-
-
Hallo Simon,
<img src="/images/04.gif" width=428 height=119 border=0 alt="Schau mal in SELFHTML nach, um eine Antwort auf deine Frage zu finden!">
</selfhtml/css/eigenschaften/hintergrund.htm#background_attachment>Grüße aus Würzburg
Julian-
hallo julian!
du meinst ich soll es mal mit "no-repeat" probieren, ok - ich versuchs mal ... hoffentlich macht opera mit ;)
danke!!
simon
-
ich nochmal!
habe es jetzt so gemacht und es geht super in opera und ie - DANKE!!!!!
mfg cy
-->
<html>
<head>
<style type="text/css">
body {
background-image:url(hund.gif); background-repeat:no-repeat;
background-attachment:fixed; padding:0px; }
div.mybody {
margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
</style>
</head>
<body>
<div class="mybody">
<---
hi
habe es jetzt so gemacht und es geht super in opera und ie - DANKE!!!!!
Netscape (ab Version 6) auch. Netscape 4 kann an CSS nur sehr weniges, das hier ('background-attachment:') z.B. nicht.
Grüße aus Bleckede
kai
-
-
-
Hallo!
Ich möchte eine Grafik in einem Frame als Hintergrund nutzen. Dabei soll der
der Text und die Bilder über der Hintergrundgrafik liegen. Dass habe ich so
gemacht:Wenn du ein _Hintergrundbild_ haben willst, warum definierst du kein _Hintergrundbild_ mit CSS? position:fixed kann der IE nunmal nicht, da kannst du dich auf den Kopf stellen.
Besser die CSS-Angaben background-image, background-attachment und background-repeat benutzen und das Bild als Hintergrundbild in den <div> mit deinem Text einfügen.
Netscape 4 wird es dann immer noch nicht können (dem kannst du es auch nicht beibringen), aber alle neueren Browser können es. Und solange Netscape 4 nicht total abdreht bei deinem CSS, solange hast du eigentlich keine Probleme.
- Sven Rautenberg
-
hallo!
habe leider kein netscape 4 zum testen da - gott sei dank ;)
aber es sieht nun so aus, was macht netscape denn dann mit dem css??<html>
<head>
<style type="text/css">
body {
background-image:url(hund.gif); background-repeat:no-repeat;
background-attachment:fixed; padding:0px; }
div.mybody {
margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; }
</style>
</head>
<body>
<div class="mybody">danke sven!
-