div hintergrund scrollen

toom

hallo leute,

ich habe ein kleines problem.
ich möchte den inhalt einer DIV scrollen (das klappt), nun möchte ich dass auch der hintergrund dabei gescrollt wird (das klappt NICHT bei firefox und opera)

hier der simple code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css">
 #div1 {
  background-image: url(schrank.jpg) ;
  background-repeat: repeat ;
  background-attachment: scroll ;
  overflow: auto ;
  height: 300px ; 
  width: 550px ;
 }
</style> 
</head> 
<body>
 <div id="div1">
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
  <p>bla bla bla</p>
 </div>
</body> 
</html>

zu dem code:
das bild ist 20x20px und wird gekachelt (das klappt)
Nur der hintergrund bleibt bei firefox und opera stehen beim scrollen....

ich hoffe ihr könnt mir helfen.

danke
toom

Nico D.

Es muss lauten:

background-attachment: fixed;

toom

heini schrieb:

Es muss lauten:
background-attachment: fixed;

nien, muss es nicht...
fixed ist dann anzugeben wenn der background sich NICHT bewegen/scrollen soll.

ich glaube du hast meinen post gar nicht richtig durchgelesen.

NOCH MAL:

der background SOLL mitscrollen (was der auch tun, aber nur Internet Explorer. Im firefox und opera bleibt er stehen)

...

Nico D.

toom schrieb:

der background SOLL mitscrollen

Dann background-attachment einfach weg lassen?

Edit: Waere auch zu einfach gewesen. Das funktioniert auch nicht. Ich schau's mir nochmal an.

Edit #2: Ganz schoen tricky:

<style type="text/css">
 #div1 {
  background: none;
  overflow: auto ;
  height: 300px ;
  width: 550px ;
 }
 #div2 {
  background-image: url(schrank.jpg) ;
  background-repeat: repeat ;
  background-attachment: scroll;
 }
</style>

Und:

<div id="div1">
 <div id="div2">
  <!-- [...] -->
 </div>
</div>

toom

heini schrieb:

Ganz schoen tricky

cool. so funktioniert es super
unglaublich, so wenig code und so viel zeit gekostet...

danke Dir.