Der folgende Beitrag wurde am 27. 08. 2004, 14:58 Uhr von Anton veröffentlicht.
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
Der folgende Beitrag wurde am 27. 08. 2004, 15:03 Uhr von Lucien veröffentlicht.
Hi!
> Was muss noch hinzugefügt werden?
Versuche mal: "position:fixed;"
Grüße, Lucien
Der folgende Beitrag wurde am 27. 08. 2004, 15:07 Uhr von Anton veröffentlicht.
Danke.
Es klappt.
Der folgende Beitrag wurde am 27. 08. 2004, 15:23 Uhr von Ingo Turski veröffentlicht.
Hi,
> Es klappt.
weil Du einen modernen Browser verwendest ;-)
freundliche Grüße
Ingo
Der folgende Beitrag wurde am 27. 08. 2004, 15:41 Uhr von Anton veröffentlicht.
Klappt doch nicht. Im Mozilla schon aber nicht im IE6.
Gerade habe ich es nochmals im IE getestet. Dort klappt es nicht.
Hilfe. :(
Der folgende Beitrag wurde am 27. 08. 2004, 17:46 Uhr von Cyx23 veröffentlicht.
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
Der folgende Beitrag wurde am 27. 08. 2004, 18:33 Uhr von MudGuard veröffentlicht.
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.
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
