Scrollen Verhindern im iFrame

Status
Nicht offen für weitere Antworten.
R

ray2mi

Erfahrenes Mitglied
Hallo alle zusammen.
Ich bastle da grad so eine Page. Sie ist folgendermaßen STrukturiert.
Ich habe eine Seite mit Tabelle und in der Mitte ist ein iFrame. Unter dem iFrame habe ich eine Buttonleiste angebracht, wenn man auf einen Button klickt dann soll das jeweilige im Fenster angezeigt werden.
Damit das alles wie aus einem Guss aussieht, darf sich aber der Hintergrund vom iFrame nicht bewegen beim scrollen, wobei gescrolled werden soll. Das Bild soll sich nur nicht mitbewegen. Und der Rest, sprich Bilder und Text sollen dann auf dieser Ebene Sein und da kann man dann beispielsweise den Text runter scrollen ohne das, dass Hintergrundbild sich mit bewegt oder dabei gar gekachelt wird.
Ich haffe ich versteht meine Ausführungen.

Danke schonmal
 
ich bekomme es igendwie nicht hin, denn diesen befehl, den du mir gegeben hast, den hatte ich auch...aber manchmal hängt es ja nur an einem kleinen fehler

Code: 
<html>
<head>
<title>news</title>

<style type="text/css">
div.bgscroll {
  margin:20px 20px 20px 250px; width:35em; border:1px solid red;
  background-image:url(main.jpg); background-repeat:no-repeat; background-position:center center;
  background-attachment:scroll;
}
</style>

<table border="0" cellspacing="0" cellpadding="0">
	<tr>
	<td height="436" width="718" style="background-image:url(main.jpg)">
	buhler
	</td>
	<tr>
</table>
</body>
</html>
 
Dann tausch mal den Wert scroll gegen fixed aus.

Und wo wird das DIV bgscroll eingebunden?
 
<style type="text/css">
div.bgscroll {

background-image:url(main.jpg); background-repeat:no-repeat; background-position:center center;
background-attachment:fixed;
}
</style>

<table border="0" cellspacing="0" cellpadding="0">
<tr><div class="bgscroll">
<td height="436" width="718" style="background-image:url(main.jpg)">
<div class="bgscroll">
buhler
</div>
</td>
<tr>
</table>


mehr so? aber es geht auch nicht
 
Versuch es mal hiermit:

Code: 
div.bgscroll {
  margin:20px 20px 20px 250px;
  width:718px;
  height:436px;
  border:1px solid red;
  background-image:url(main.jpg);
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  overflow:auto;
}

Code: 
<table border="0" cellspacing="0" cellpadding="0">
        <tr>
        <td height="436" width="718">
        <div class="bgscroll"><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p><p>buhler</p></div>
        </td>
        <tr>
</table>
 
das sieht schonmal ganz gut aus...ich versuche es mal weiter.. wenn es probleme gibt schreibe ich wieder...danke
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück