Dynamisches Menü welches bei langen Seiten mitscrollt

[Rene]

Hallo,
Ich wuerde gerne eine dynamisches Menü auf meiner seite einbauen da ich Seiten habe die viel Inhalt haben und diese auf die Hoehe verteilt sind. Das heisst es gibt viel zu scrollen wenn man unten angelangt ist und zurueck will. ich wuerde gern ein Menue einbauen welches aus drei images (*.gif) zusammengesetzt ist und beim herunterscrollen sich mit nach unten bewegt. Beim klick auf die images wird dann zum einen der befehl TOP (also springe an den Afnag der Seite) ausgefuehrt.
Gibt es jemanden der mir da weiterhelfen kan. Habe schon im Forum geschaut und rumgegoogle doch nicht die passendes dazu gefunden.

Danke fuer eure Hilfe.

Rene

[mario]

Gibt es jemanden der mir da weiterhelfen kan. Habe schon im Forum geschaut und rumgegoogle doch nicht die passendes dazu gefunden.

Suche hier im Archiv mal nach "fixed". Da wirst du finden, was du brauchst.

[Julian]

Hallo Mario,

laut meinem Wissen (und dem von Selfhtml) interpretiert der IE6 für windows die Angabe fixed nicht. Und da viele User den IE unter Windows benutzen ist es eventuell nicht klug das Attribut zu verwenden?

mfg Julian

[rene]

Danke fuer eure Anwtorten

Julian
was schlaegst du vor damit es bei allen funktioniert?

[Detlef G.]

Hallo Rene

Gibt es jemanden der mir da weiterhelfen kan. Habe schon im Forum geschaut und rumgegoogle doch nicht die passendes dazu gefunden.

Hast du auch in SELFHTML selbst nachgesehen?

Der Artikel "Fixe Bereiche mit CSS-basierten Layouts"
wird dich bestimmt interesssieren.

Auf Wiederlesen
Detlef

[Rene]

Oki ich habe das menu nun soweit hinbekommen das es sich wenn gescrollt wird immer an der selben stelle befindet.

Head:

<style type="text/css">
      #box1, #box2 {
         width: 114px;
         height: 20px;

}
      }
      #box2 {
         background-color: #ffd;
         position: fixed;
         top: 100px;
         left: 300px;
         position: expression("absolute");
         top: expression(parseInt(document.body.scrollTop + 100));
      }
      #box2[id] {
         position: fixed;
      }
   </style>

Body:

<div id="box2"><img src="banner/m_9_i.gif" width="134" height="25"><img src="banner/m_10_i.gif" width="134" height="25"><img src="banner/m_11_i.gif" width="134" height="25"></div>

Funktioniert auch super. Nur wie funktioniert es wenn ich dieses menu immer am unteren ende haben moechte. Das heisst es soll immer links unten positioniert sein da das mein menu sein soll!? (Das heisst wenn ich den browser oeffne , egal wie gross der nun sein mag) soll das menu dennoch links unten sein)

[Ingo Turski]

Hi,

Funktioniert auch super.

nö. Ohne Javascript tut sich da im IE nichts.

Nur wie funktioniert es wenn ich dieses menu immer am unteren ende haben moechte. Das heisst es soll immer links unten positioniert sein

Schau Dir die bereits angegebene Beispielseite an und informiere Dich im Eigenschaftskapitel, welche Positionsangaben es außer top und left noch so gibt...;-)

freundliche Grüße
Ingo

[HaThoV]

Mein Tip (nachdem der blöde IE "fixed" nicht akzeptiert:

Klammere "menu" und "content" in zwei separate Layer, jeweils "absolute" im "body" positioniert.

Weise dem "body" die Eigenschaft "overflow:hidden" zu und dem Layer "content" "width:100%;height:100%".

Hghzk
T.