nicht angemeldet
Div soll fixiert bleiben
0 0 Danke
Div soll fixiert bleiben
Guten Tag,
es soll am unteren Bildschirmrand ein Div von links nach rechts den Bildschirm bedecken. Es soll aber fixiert bleiben. Bei mir wandert es immer mit nach oben:
<div style="position: absolute; bottom: 0px; height: 20px; width: 100%; z-index: 2; background-color: #fff;"></div>
Was muss noch hinzugefügt werden?
Danke
-
Hi!
Was muss noch hinzugefügt werden?
Versuche mal: "position:fixed;"
Grüße, Lucien
-
Danke.
Es klappt.
-
Hi,
Es klappt.
weil Du einen modernen Browser verwendest ;-)
freundliche Grüße
Ingo-
Klappt doch nicht. Im Mozilla schon aber nicht im IE6.
Gerade habe ich es nochmals im IE getestet. Dort klappt es nicht.
Hilfe. :(-
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.htmlFü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
-
Hi,
Gerade habe ich es nochmals im IE getestet. Dort klappt es nicht.
Schrieb Ingo doch schon - das klappt nur in modernen Browsern.
cu,
Andreas--
MudGuard? Siehe http://www.Mud-Guard.de/
Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
-
-
-
-