nicht angemeldet
Hallo Anton,
Klappt doch nicht. Im Mozilla schon aber nicht im IE6.
der IE kann es nicht.
Gerade habe ich es nochmals im IE getestet. Dort klappt es nicht.
es gibt zwei Möglichkeiten nachzuhelfen.
Zum einen per CSS für den IE statt des body ein scrollbares Div zu verwenden,
andererseits bietet der IE noch Möglichkeiten per JavaScript nachzubessern.
Mal zwei Beispielseiten zu dem Thema:
http://www.lipfert-malik.de/webdesign/tutorial/bsp/positionfixed.html
http://www.lipfert-malik.de/webdesign/tutorial/bsp/position-fixed.html
Für dein Beispiel sieht ein einfacher Code z.B. so aus (als Browserweiche dient "* html"):
<html>
<head>
<style type="text/css">
#pf{position: fixed; bottom: 0px; height: 20px; width: 100%;
z-index: 2; background-color: #cff;}
* html #pf{ position:absolute; left:0px;
top:expression(document.body.scrollTop+screen.height-200+'px');
}
</style>
</head>
<body>
<img src="" width=800 height=2000 border=2>
<div id=pf></div>
</body>
</html>
Allerdings belasten die expression, also die JavaScript-Schleife, die CPU und
können u.U. Seiten instabiler werden lassen. Ausserdem finde ich den Eindruck etwas unruhig,
und der W3C-Validator mag den Code nicht.
Als endgültige Lösung gefällt es mir so nicht; müßtest du sowieso nochmal gründlich testen, ich hab mal kurz
beim IE 6 geschaut. Falls die Seite bei dir rutscht bzw. der Balken nicht sichtbar ist müsste Wert von "200"
noch vergößert werden.
Grüsse
Cyx23