Javascript div soll mitscrollen

schulze123

Aktives Mitglied
Hallo, ich habe ein Problem und hoffe das mir hier jemand weiterhelfen kann.

Ich habe einen Balken mit Textlinks als div Element eingefügt und möchte nun das der Balken an der unteren stelle im Browser bleibt wenn man die Seite hoch und runter scrollt.

Wenn der Balken oben stehen soll dann funktioniert das Script warum nicht auch wenn der Balken unten stehen bleiben soll?

Was muss noch abgeändert werden? Kann mir da jemand weiterhelfen?

Der Balken Scrollt genau in die falsche richtung
smile.gif


Balken oben (funktioniert): http://www.28x.de

Balken unten (geht nicht): http://28x.de/unten.html

Will hier nicht die kompletten Quelltexte der zwei seiten reinposten, also bitte mal eben in den Quelltext der Seiten schaun.
 
Ältere IE beherrschen div fixed nicht.

Bei neueren IE ist das teilweise aus "Kompatibilitätsgründen" zu den älteren Browsern in der Grundeinstellung NICHT implementiert.

ABER: man kann das richtige Verhalten bei einigen IE-Versionen aufzwingen, indem man den Doctype "strict" nutzt:
http://www.w3schools.com/tags/tag_doctype.asp
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Neuere IE Versionen sollten CSS richtig rendern. Da sollte man gespannt sein und nicht zuviel erwarten
laugh.gif

Denn "fixed" ist definitiv nicht das Kernübel im IE.

Na ja. Ich sehe das mit gemischten Gefühlen. Mein Menu ist "fixed". Das sieht in Opera und FF richtig schnieke aus. Im IE lasse ich das einfach mitscrollen...
 
Dann würde ich das ganze also doch lieber mit JavaScript realisieren.

Hat da keiner eine passende Lösung die in den meisten Browsern funktioniert und zwar am unteren Bildschirmrand?

Oder kann mir jemand sagen was hier geändert werden muss das es in die richtige Richtung mitscrollt?

http://28x.de/unten.html
 
Mit "Internet Explorer div fixed" [ev. + "Javascript"] in google bekommst Du neben JS-Lösungen sogar "Sternchen-Hacks". Die reinen "CSS"-Lösungen sind aber schon sehr kurios lang und zwingen zu einigen Änderungen im Design.
Ich habe solche Lösungen nie ausprobiert. Hier ist z.B. etwas interessantes:
http://www.jtricks.com/javascript/navigation/fixed_menu.html

Was man z.B. auch machen kann, ist mit "Conditional Comments", dem IE eigene Anweisungen aufzwingen:
http://www.quirksmode.org/css/condcom.html

Sprich: in neueren IE und in allen FF und Opera läuft das fixed, in IE 6-8 kannst Du die Box anders positionieren. Du kannst von mir aus in IE die Box sogar aussparen und durch etwas anderes ersetzen usw...
 
Zurück
Oben