HTML: Div-container fixieren beim Scrollen?

So, hab jetzt was passendes gefunden:

http://javascript.internet.com/navigation/portable-menu.html

funktioniert auch gut - im Internet Explorer...
Mozilla weigert sich das so anzuzeigen. Ausserdem kann ich die div Box nur horizontal ausrichten. Egal was ich für top:xx px eintrage, die Box klebt immer am oberen Fensterrand.

Jemand ne Idee ?

Problem mit Ausrichtung ist gelöst. Aber Script funktioniert immer noch nicht in anderen Browsern. *help*

 

Javascript ist keine gute Lösung, da man das auch abschalten kann.

Per CSS - vgl.: http://www.w3.org/Style/CSS/ - geht's aber, nur dass der IE das nicht mitmacht; dafür gibt es wenigstens einen Workaround: http://jendryschik.de/wsdev/css/fixed/#implementierung

 

In unserer ganzen Firmenpage ist so viel JavaScript eingebaut... da ändert das nicht mehr viel.... aber Das klingt gut, jetzt kann ich JS für den IE verwenden, und deinen Vorschlag für alle anderen Browser (falls es klappt). Und die User, die IE nutzten und JS deaktiviert haben, müssen halt nach obens Scrollen zum Menü

Bin ma testen. Wenns Workaround einfach zu machen is nehm ich vllt auch das. Danke erstmal

 

das lässt sich mit css lösen, beim internet explorer funktioniert es allerdings nicht.
du gibst deinem menü (bzw. eher dem div-container) z.B. die id "menu". anschließend benutzt du den folgenden code (der in eine externe css-datei kommt oder direkt in die html-datei), damit das menü mitscrollt:

Code:

#menu { position:fixed;  }

weitere infos zum einbinden von stylesheets gibt's bei Selfhtml.

der html code sieht dann so aus:

Code:

<div id="menu">

 

Muss das mit id=xyz sein, oder kann ich gleich
<div style="position:fixed">
nehmen ?

 

werner34s Lösung ist die elegantere, aber eingebettet geht's auch. Solange Du sonst nichts mit CSS machst, ist es der kleinere Aufwand.

 

Habs hinbekommen, ohne die von mir gepostete JS Funktion

Läuft nun in allen Browsern ohne Probleme

dankeschöön