Text scrollt nicht

[marsteini]

Hallo!

habe ein Problem mit dem Scrollen des Textes. Will als Hintergrund ein Bild haben, worüer sich im Vordergrund der Text scrollen lässt, das Bild aber stehen bleibt. Nur sccrollt der Text bei mir nicht :(

Ausschnitt aus dem Seitencode:

<div id="book"><img src="assets/images/bookopen.png" height="80%" width="1000px"><div id="book_content_left">[*content*]</div><div id="book_content_right">{{jwflash}}[*comment*]</div></div>

und aus der CSS

#book {
    position: fixed;
    height: 800px;
    width: 900px;
    top: 30px;
    left:30px;
}

#book_content_left {
    position: absolute;
    width: 440px;
    top: 15px;
    left:60px;
}

#book_content_right {
    position: absolute;
    width: 440px;
    top: 70px;
    left: 520px;
}

Eigentlich sollte doch der Text scrollen, wenn er auf "absolute" steht?! Habe auch schon versucht, bei book absolute anstatt fixed zu setzen, dann lässt sich alles scrollen, halt mit Hintergrundbild, aber auch nur, wenn man mit dem Mausrad klickt oder die Pfeiltasten benutzt, Rad drehen reagiert er nicht...

Kann mir jemand weiterhelfen?

 

[Loon3y]

hab nur kurz zeit, weil esseen schon aufm tisch steht:

scrollen kannst du mit

overflow: auto;

overflow: scroll;

via css erreichen.

Mahlzeit ^^


Edit: *rüps* lecker... :3 also...wofür nutzt du position: fixed, absolute ? Wenn man sich damit nicht genau auskennt, sollte man als Anfänger (ist keine Beschuldigung das du das wärst, weiß es ja nicht), die Finger davon lassen.

 

[marsteini]

Hallo,

danke für deine schnelle Antwort. Ja ich bin Anfänger in CSS^^

das position absolute brauche ich deswegen, weil ich den Text über ein Bild überlagern will - lasse ich es weg, wird der Text halt unsters Bild gesetzt.

Habe mal den Code um

overflow: scroll;

erweiert, jetzt erscheint eine schöne Scrollleiste, die aber deaktiviert ist... und scrollen geht immer noch ned -.-

Hier mal der Link zu der Seite: [Ministranten] - burgweinting.de
So habs ich halt zu meinem jetzigen Wissenstandpunkt gelöst, es funnktioniert ja soweit ich so wie ichs haben will.

lg marsteini

EDIT:
Habe jetzt mal noch height definiert - jetzt klappts! Danke :)

 

[Loon3y]

So wie ich das rauslese, musst du garnicht mit position arbeiten sondern, du legst das bild im css als background fest.

background-image: url(deinbild.jpg);
background-repeat: no-repeat;

das overflow:scroll kommt nur zur "geltung", wenn der text länger als das element ist in dem er ist. D.h. wenn du ein div mit height: 500px; hast und der text aber 550px lang ist, dann erscheint der scrollbalken.

Gruß
Loon3y