• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bild soll nicht mitscrollen

Status
Für weitere Antworten geschlossen.
A

aboehm

Neues Mitglied
Hallo,
bin auf der Suche nach einem Weg wie ich ein Bild, welches aber nicht im background liegen soll, fest zu verankern. Ich will damit erreichen das der Text hinter dem Bild (meine Headline) und vor meinm Hintergrund längsscrollt. Habe bisher schon ein bisschen gegoogelt und mir ein paar seiten zu Thema angeschaut, aus denen ich aber nicht sonderlich schlau werde.

http://jendryschik.de/wsdev/css/fixed/
und
http://de.selfhtml.org/css/layouts/fixbereiche.htm

Dort wird es mit nem CSS eingebunden, weiß aber nicht ob es für mich die richtige Varante ist, da bei jeder ifraame seite ein anderes Bild erscheinen soll.

Hier sonst noch der Link auf die Seite die ich erstelle: ich hebe unter dem Link "Team" eine Tabelle reinkopiert damit das Feld Scrollbar wird.

http://www.djmasterb.de/_mc/

Wie ihr schon merkt bin ich absoluter Anfänger.
Vielen Dank
aboehm
 
Du könntest es z.B.:
versuchen in dem du eine Tabelle machst die eine Datenzelle hat:
HTML: 
<p><table><tr><td><img src="Quelle"></td></tr>></table></p>
So hast du eine Nicht sichtbare Tabelle.
 
das führt leider nicht zum erfolg, wenn ich nur ne Tabelle einfüge und das Bild dort einfüge scrolllt diese dann auch mit. Mein Wunsch ist es aber das das bild obern auf liegt und der contend im Iframe darunter weg scrollt, das müsste doch irgendwie möglich sein.
 
wie wäre es denn mit folgender lösung:
HTML: 
<img src="Quelle">
<div style="margin-top:2px; width:100%; height:600px; overflow:auto;">
  GESAMTER INHALT DEINER HOMEPAGE
</div>
 
habe das auch mit einer Variante versucht, hat allerdings auch nicht geklappt, vieleicht habe ich allerdings auch nen fehler dabei gemacht, hier ist sonst mein Quelltext von meinem iframe:
 
habe das auch mit einer Variante versucht, hat allerdings auch nicht geklappt, vieleicht habe ich allerdings auch nen fehler dabei gemacht, hier ist sonst mein Quelltext von meinem iframe:

HTML: 
<html>
<head>
<title>hg_iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<style type="text/css" media="screen"><!--
body { color: black; background-color: white; background-attachment: fixed; }
}--></style>
	

			<script language='javascript' src='http://127.0.0.1:1029/js.cgi?pca&r=13031'></script>

</head>
<body background="../bilder/hg_iframe_ohne_headline.gif" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
		<img src="../bilder/headline_team.gif">
		<div style="margin-top:2px; width:100%; height:600px; overflow:auto;">
		<table width="752" border="0" cellspacing="2" cellpadding="0" height="500">
			<tr>
				<td>
					<div class="link-note">
						</div>
				</td>
			</tr>
			<tr>
				<td></td>
			</tr>
			<tr>
				<td></td>
			</tr>
		</table>
		</div>
	</body>
</html>
<script language='javascript'>postamble();</script>
 
Hallo,

ich bin eher noch Anfänger, habe aber sowas schon mal gesehen. Eigentlich sieht dein Code ok aus, es kommt wohl auf background-atachment:fixed an. Im folgenden Beispiel klappts jedenfalls. background-repeat:no-repeat sorgt dafür, dass das Bild nicht gekachelt wird. Vielleicht hilft es dir weiter.

Gruß Klaus

<html><head><title></title></head>

<BODY text=#ffffff vLink=#ffffff aLink=#ffffff link=#ffffff
bgColor=#000000 background="bild.jpg">

<style type="text/css">
body {background-attachment:fixed;background-repeat:no-repeat;
text-align:center;
</style>

<h1>Zeile 1</h1>
<h1>Zeile 2</h1>
<h1>Zeile 3</h1>
<h1>Zeile 4</h1>
<h1>Zeile 5</h1>
<h1>Zeile 6</h1>
<h1>Zeile 7</h1>
<h1>Zeile 8</h1>
<h1>Zeile 9</h1>
<h1>Zeile 10</h1>
<h1>Zeile 11</h1>
<h1>Zeile 12</h1>
<h1>Zeile 13</h1>
<h1>Zeile 14</h1>
<h1>Zeile 15</h1>
<h1>Zeile 16</h1>
<h1>Zeile 17</h1>
<h1>Zeile 18</h1>
<h1>Zeile 19</h1>
<h1>Zeile 20</h1>

</body>
</html>
 
Hallo danke für dein Antwort, leider ist es aber nicht das was ich suche.
Ich bin auch schon ein bisschen weiter gekommen, zumindest geht es jetzt im Firefox und Opera. Wäre natürlich auch schön wenn es im IE6 bzw IE7 möglich wäre. Ich poste nochmal meinen aktuellen Quelltext:

HTML: 
<html>
<head>
<title>hg_iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
		<style type="text/css" media="screen"><!--
body { color: black; background-color: white; background-image: url(../bilder/hg_iframe_ohne_headline.gif); background-attachment: fixed; }
#pic{
position:fixed;
}--></style>
	</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="hidden">
		<img src="../bilder/headline_team.gif" id="pic" alt="fixes Bild">
		<table width="752" border="0" cellspacing="2" cellpadding="0" height="500">
			<tr>
				<td></td>
			</tr>
		</table>
	</body>
</html>

Wie gesagt, das Bild mit der ID "pic" soll nicht scrollbar sein und auch eine fixed Position haben.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben