Eine feste Ebene in einem Scrollbaren Fenster...
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
abstand
all
anscheinend
beitrag
bezugspunkt
brauchst beitrag
design
display
eben
ecken
eigenschaft
fan
geladene dokument
gesamtstruktur
grade mal
oberen kante
opus
referenz
schauen
unterseite
-
Hi!
Ich hab mal wieder ein kleines Problem...
Ich mache grade ein neues Design und m?chte einen Zur?cklink in der unteren, linken Ecke des Iframes, in dem sich die Unterseiten ?ffnen haben (jetzt bitte keine Diskussion anfangen, wie bl?de Iframes sind...). Das hab ich auch soweit geschafft, aber wenn man die Seite dann nach unten scrollt, wandert die Ebene nach oben...
Screenshots:
http://nicole.milten.lima-city.de/ebenenpprob.gif (Ausgangszustand)
http://nicole.milten.lima-city.de/ebenenpprob2.gif (Gescrollte Seite)
Wei? jemand, was man da machen kann? Hier noch der Code f?r die Ebene, den ich benutze:
<div style="position: absolute; left:10; top: 478; width: 100px; height: 12px; text-align: left;"><a href="Seite.htm">zur?ck</a></div>
Beitrag ge?ndert am 5.12 04:08 von nicole -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
hmm versuch mal statt position:absolute static oder relative ...
dann m?sste es gehen -
Hi
Mach doch hinter den iframe den Button. DAs w?re Einfacher, und ?bersichtlicher.
b2k-fan -
@julian182
Wie sollte der Code dann aussehen? Denn wenn ich das "absolute" einfach nur durch "static" oder "relative" ersetze, ist der Link entweder vollkommen weg oder irgendwo, wo er nicht hinsoll -.-
@b2k-fan
Wieso w?r das ?bersichtlicher? Au?erdem kommt nicht auf jede Seite ein Zur?cklink und die Links haben unterschiedliche Ziele... -
Besser w?re es mal einen Link zu haben um das Ph?nomen selbst zu beobachten. Generell w?rde ich diesen Link ausserhalb des iFrames setzen (darunter oder daneben). Das Problem liegt vielleicht darin; dass der Abstand nach oben nicht richtig interpretiert wird, weil es 2 verschiedene Bezugspunkte gibt - den Abstand zum geladenen Dokument und den zum iFrame.
Ich denke das div verwendet als Referenz das geladene Dokument an stelle des iframes. Als L?sung w?re in diesem Fall zu raten, das Div ausserhalb des iframes zu setzen und per absolute position ?ber den Iframe dr?ber zu legen.
Man kann halt auf den Bilden nciht soviel erkennen; es w?re gut die Gesamtstruktur des HTML zu sehen. -
vllt liegt es auch daran, das die Maseinheiten (pt oder px) hinter left und top fehlen.
-
position: fixed
macht genau das, was du willst. Leider hat es Microsoft anscheinend nicht f?r n?tig empfunden, es zu implementieren, in Mozilla und Opera gehts. du kannst aber via JavaScript den Div iirgendwie mitscrollen lassen, musst halt suchen
-
@alarich
Das mit dem Link au?erhalb des Iframes ist ja sch?n und gut, aber ich will den Link (der auf verschiedenen Seiten verschiedene Ziele hat) ja nicht auf all meinen Seiten haben. Ich glaub das sind grade mal 15 Seiten, auf die ich so einen Link setzen will.
Ich glaube nicht, dass die Gesamtstruktur der Seite hilft, aber hier ist sie (den text hab ich entfernt...)
<head>
<script src="../style.js"></script>
<link rel="stylesheet" type="text/css" href="../style1.css"></head>
<table class="index">
<tr>
<td class="index">
TEXT</td></tr></table>
<div style="position: absolute; left:10; top: 478; width: 100px; height: 12px; text-align: left;"><a href="Seite.htm">zur?ck</a></div>
@bladehunter
Obwohl die Angaben fehlen hatte ich noch nie Probleme damit...
@mos
Darauf bin ich auch schon gekommen, aber es funktioniert nicht (oder ich bau es nicht richtig ein... .____.). Gibt bzw. hast du so ein Script???? -
@Niccole: wenn die Strukture die du gepostet hast, die von der im iFrame geladenen Seite ist, dann liegt es in der Tat an folgendem Problem:
Das div ist absolut fixiert, dh sein Abstand zur oberen Kante der geladenen Seite ver?ndert sich nicht; wenn du die Seite im iFrame nach unten scrollst, bleibt der Abstand gleich, das Div wandert nach oben, weil der obere Rand durch das runterscrollen im iFrame jetzt "h?her" liegt. Da hilft auch das fixed nicht.
Die einfachste L?sung ist IMO, die, die ich vorgeschlagen habe; du kannst ja die CSS eigenschaft display von visible auf hidden umstellen, wenn du den Link nicht brauchst.
Beitrag ge?ndert am 9.12 12:41 von alarich -
@nicole: schau mal bei www.traci.de/javascript , vllt findest du da was... ich hab hier nur was, das hinterherrutscht
-
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
