Autor |
Nachricht |
fubine
Threadersteller
Dabei seit: 01.12.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 19:04
Titel CSS: Suche "Zwischending" zwischen position:absolu |
|
|
Hallo!
Ich bin zwar keine offizielle Mediengestalterin, habe aber trotzdem eine Frage.
Ein Element (ein Bild) auf meiner Seite soll, wenn man die Seite öffnet, an einer bestimmten Stelle stehen... wenn man dann auf der Seite nach unten scrollt, soll es ganz normal nach oben wandern, wie bei (CSS) "position:absolute". Wenn dieses Element dann aber den Bildschirmrand erreicht, "stehen bleiben" wie bei "position:fixed".
Wenn ich nur "position:fixed" mache, dann steht es anfangs an der falschen Stelle, bei "position:absolute" ist es irgendwann mal weg.
Geht dies mit CSS überhaupt oder muss ich auf JavaScript zurückgreifen? Wenn ja, gibt es da irgendwo ein codegeschnipsel dazu?
Kann man mir überhaupt folgen?
MfG
Bine
|
|
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 01.12.2009 19:35
Titel
|
|
|
Nein, das wäre lediglich mit Javascript möglich, CSS ist dafür nicht gedacht.
|
|
|
|
|
Anzeige
|
|
|
Maximus73
Dabei seit: 10.11.2007
Ort: Stadt
Alter: -
Geschlecht:
|
Verfasst Di 01.12.2009 19:37
Titel
|
|
|
jQuery geht das wohl sehr gut aber da wirst du dich einlesen müssen.
|
|
|
|
|
fubine
Threadersteller
Dabei seit: 01.12.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 02.12.2009 12:00
Titel
|
|
|
Hallo!
Danke für die Antworten. Hat jemand eine Idee nach welchem Stichwort ich googlen müsste, um Informationen zu Javascript bzgl meines Problems zu finden?
@Maximus:
Ich verstehe deine Antwort nicht. Sicherlich weiß man mehr, wenn man sich einliest. Aber dann stimmt im meinem Fall das Aufwand-Nutzen-Verhältnis nicht... weswegen ich in einem Forum nachfrage, wo man mir vielleicht schneller helfen kann.
MfG
Bine
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 02.12.2009 12:09
Titel
|
|
|
Ich vermute mal Dein Problem ist ganz ein anderes. Und das JavaScript nicht nötig ist um Dein Problem zu lösen.
Kannst Du mal Quelltext posten oder das OnlineBsp verlinken?
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 02.12.2009 12:39
Titel
|
|
|
Kash hat geschrieben: | Ich vermute mal Dein Problem ist ganz ein anderes. Und das JavaScript nicht nötig ist um Dein Problem zu lösen. |
Dann mach dir mal nen anständigen Kaffee
Ohne Javascript geht da nichts. Deshalb muss man aber natürlich nicht gleich
zu einem Framework greifen, mehr als drei Zeilen sind das nicht …
Zuletzt bearbeitet von m am Mi 02.12.2009 12:47, insgesamt 2-mal bearbeitet
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 02.12.2009 12:45
Titel
|
|
|
m hat geschrieben: | Kash hat geschrieben: | Ich vermute mal Dein Problem ist ganz ein anderes. Und das JavaScript nicht nötig ist um Dein Problem zu lösen. |
Dann mach dir mal nen anständigen Kaffee |
Anscheinend wohl nötig.
Aber ich habe immer noch nicht begriffen was erreicht werden soll.
Deswegen fragte ich auch nach dem Bsp
|
|
|
|
|
fubine
Threadersteller
Dabei seit: 01.12.2009
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 02.12.2009 12:51
Titel
|
|
|
Huhu!
http://www.hamsterdickbauch.de/streifentest/streifengras.html
Wenn man schnell scrollt, sieht man, wie ich es haben will. Wenn man langsam scrollt, sieht man, dass ich da nur etwas zusammengeschustert habe.
Quelltext:
Code: |
<body>
<DIV id="eckeoben-css" style="position:absolute; z-index:4; left: 180px; top: 0px; width: 800px">
<img src="eckeoben.gif">
</div>
<div id=navi2.css" style="position:absolute; z-index:4; left: 5px; top: 150px; width: 190px">
<img src="navi2.gif" border="0">
</div>
<div id=navi3.css" style="position:fixed; z-index:0; left: 5px; top: 10px; width: 190px">
<img src="navi2.gif" border="0">
</div>
<div id=ndekc.css" style="position:absolute; z-index:3; left: 0px; top: 0px; width: 200px">
<img src="decke.gif" border="0">
</div>
<DIV id="inhalt-css" style="position:absolute; z-index:5; left: 200px; top: 150px; width: 200px">
<p>Hallo!</p>
<p>Sie interessieren sich für Streifengrasmäuse?</p>
<p>text text text text text text text text text text text text text text text text text text text text text text text text</p>
USW
|
Toll ist meine momentane Lösung nicht. Deswegen meine Frage....
MfG
Bine
|
|
|
|
|
|
|
|
Ähnliche Themen |
[CSS] rotate + position fixed/absolute
[CSS] IE8 mit :after und position:fixed nicht wirklich fixed
Position fixed
[CSS] position:fixed und der IE
IE6 und position:fixed
[CSS] position:fixed zentrieren?
|
|