David Rietz: Ebene beim Scrollen der Seite nicht bewegen

Beitrag lesen

Hallo.

Ich wette, dieses Problem ist nicht neu, leider habe ich nach einiger Suche keine funktionierende Lösung gefunden, aber zunächst die Problembeschreibung an sich:

Eine Seite hat mittels SSI ein Menu eingefügt. Die inkludierte Seite wird in einen Layer eingefügt. Der Rest der Seite steht in einer Tabelle unter dem Layer. Ist der Text in der Tabelle nun zu lang, muss gescrollt werden, dabei soll aber das inkludierte Menu nicht mitgescrollt werden, sondern immer an der Position 0,0 im sichtbaren Bereich hängen bleiben.

Beispiel:

...
<style type="text/css">
<!--
.layerpos {
 position: fixed;
 visibility: visible;
 left: 0px;
 top: 0px;
}
-->
</style>
...
<body ...>
<div id="menulayer" name="menulayer" class="layerpos">
  <!--#include file="menu.shtml" -->
</div>
<table>
...
</table>
</body>

Habe gedacht, dass "position:fixed" meine Anforderung erfüllen würde, tut es aber nicht. Wenn ich scrolle, verschwindet der Layer weiterhin im Nirvana meiner Symbolleisten (mal ganz bildlich gesprochen ;-)).

Kann mir jemand helfen?!

Vielen Dank im Voraus und beste Grüße,

David.