Image fixed im Vordergrund, Text scrollt dahinter
Frederik Mentrup
- design/layout
0 Bobby
Hi,
ich mache eine Homepage für ein Musical. Im Vordergrund soll ein Vorhang sein, welcher sich beim scrollen nicht mitbewegt. Wenn man runterscrollt, soll der Text runterscrollen und hinterm Vorhang verschwinden.
Hier ist ein Beispiel
http://fmarea.net/extern/fasd.html
Das Beispiel funktioniert allerdings nur mit Firefox Mozilla, aber mit Netscape und Internet Explorer funktioniert es nicht. Außerdem kann man nur mit der Scrollbar scrollen, das Mausrad funktioniert nicht.
Wie kann ich es machen, dass es mit diesen fehlenden Funktionen läuft.
Danke schonmal...
hi,
Dies kannst du mit Div-Verschachtelung und position:absolute lösen. In etwa so::
<div style="width:100%;height:100%;">
<img src="_Bild_des_Vorhangs_" style="position:absolute">
<div style="width:100%;height:100%;overflow:auto;">
_Hier dein zu scrollender Inhalt_
</DiV>
</DIV>
Nicht getestet, müsste aber so funktionieren;