✔ background-image

[crashx]

Folgendes Problem tritt beim IE auf:

ich habe ein DIV, in welchem wen der Text zu lange wird mit "overflow: auto;" ein Scrollbalken erscheint.
So weit so gut, nun wen ich jetzt aber ein background-image einbinde das sich während dem scrollen nicht bewegen soll geht das beim IE nicht. repeat ist auf no-repeat eingestellt.
Beim FireFox Opera Mozilla und Flock ist das alles kein problem.

Div Teil.

<div id="page-ih3" style="background-image: url(images/back-inhalt.gif)">
Hier der Text
</div>

und nun der CSS Teil

#page-ih3	
{
overflow: auto;
text-align: left;
margin: 0px;
border: 0px;
width: 460px;
height: 426px;
float: right;
background-repeat: no-repeat;
background-position: center, top;
}

Habe im momment kein Plan wieso das so ist.
Danke für eure Hilfe

 

[Quaese]

Hi,

die CSS-Eigenschaft zum Fixieren eines Hintergrundbildes lautet background-attachment: fixed.
In Verbindung mit float: right scheint der Firefox aber Probleme zu haben und zeigt das Bild
gar nicht mehr an.

Wenn ich dein CSS wie folgend durch zwei Zeilen ergänze, funktioniert es bei mir in den gängigen
Browsern.

#page-ih3
{
overflow: auto;
text-align: left;
margin: 0px;
border: 0px;
width: 460px;
height: 426px;
float: right;
background-repeat: no-repeat;
background-position: center, top;
background-attachment: inherit !important;
background-attachment: fixed;
}

Ciao
Quaese

 

[crashx]

@Quaese

Vielen Dank für die schnelle Antwort.