Css/Prototype Scroll Problem

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Css/Prototype Scroll Problem

    Hallo Leute,
    hab ein Problem und irgendwie bekomm ich das nicht so hin wie ich möchte. Übersehe ich etwas?
    Folgendes Problem.

    Ich habe eine Scrollbar per Prototype/Scriptaculous hinzugefügt. Alles funktioniert einwandfrei.
    Normalerweise sollte er jetzt den Text scrollen aber nicht den Text und die gesamte Seite.

    Sieht jmd. den Fehler in Quellcode?

    Quellcode

    1. /*Einstellungen*/
    2. div#container { position: relative; left: 20px; width: 780px; }
    3. div#head { position: relative; width: 229px; }
    4. div#content { position: relative; width: 500px; }
    6. /*Text*/
    7. div#content div.text-content { margin-top: 25px; width: 500px; padding-bottom: 30px; }
    8. div#content div.text-content * { text-align: justify; line-height: 20px; }
    9. div#content div.text-content a { opacity: 0.7; }
    10. div#content div.text-content a:hover, div#content div.text-content a:focus, div#content div.text-content a:active { opacity: 1; }
    12. /*Ajax Scrollbar*/
    13. div#scroll-track { position: absolute; top: 103px; right: 100px; width: 21px; height: 500px; }
    14. div#scroll-handle { position: absolute; top: 0; left: 0; width: 21px; height: 44px; background: #0d0f13; }
    15. div#scroll-wrapper { position: relative; width: 100%; }
    16. div#innercontent { position: relative; padding-top: 240px; width: 100%; }
    17. div.draggable, div.draggable * { cursor: -moz-grab; }
    18. div.draggable a { cursor: pointer; }
    19. body.dragging, body.dragging * { cursor: -moz-grabbing !important; }
    Alles anzeigen


    Quellcode

    1. <div id="container"
    2. <div id="content" class="site_startseite">
    3. <div id="innercontent">
    4. <h2>Startseite</h2>
    5. <div class="text-content">
    6. <p>Ich bin ein Text...</p>
    7. <br />
    8. <p>Ich bin ein Text...</p>
    9. <br />
    10. <p>Ich bin ein Text...</p>
    11. <p>Ich bin ein Text...</p>
    12. </div>
    13. </div>
    14. </div>
    15. </div>
    Alles anzeigen


    Wenn ich jetzt bei #content, #innercontent oder div#content div.text-content margin oder padding setzte positioniert er es zwar richtig, aber wie gesagt der Text und die gesamte Seite Scrollen dann mit. Wenn ich die margin und padding Werte weg lasse scrollt nur der Text aber der gesamte Content Bereich ist falsch positioniert.

    Lg

  • d0nut schrieb:

    Hast du den Code online abrufbar? Live (d.h. mit Firebug) erkennt man sowas meist schneller.
    Ansonsten poste mal bitte die restlichen Code-Snippets die zum Betrieb einer Demo notwendig sind.
    Lg


    Hab dir ne Nachricht mit dem Link zur Live Seite geschickt. Danke :)

    Edit: Also bin schon soweit, das nur noch der Content scrollt, aber dann wie gesagt sitzt das alles so komisch???? Und wenn ichs dann richtig einstelle per margin/padding dann scrollt halt die ganze Seite immernochmit.

  • vince schrieb:

    Hi,

    das ist ja schön, dass du das D0nut geschickt hast :thumbsup:
    Aber es kann dir niemand anders helfen und wenn jemand auf das selbe Problem stößt, dann kann er das auch nicht nachvoillziehen, weil entweder der wichtige Code Ausschnitt oder die Liveseite fehlt ;)


    @vince: Mein Kaffee hat heute morgen wohl net so viel gebracht. Total bescheuert :D Du hast natürlich absolut recht *g*

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von esertime ()