nicht angemeldet
Div am unteren Browserrand ausrichten
Hi Folks,
wo kann ich bitte folgendes JavaScript finden:
Möchte ein DIV-Ebene in eine Seite einbinden. Die sich immer automatisch am unteren Browserrand ausrichtet. Wenn man scrollt,
soll sich die DIV-Ebene immer wieder neu ausrichten z.B. 10px Abstand vom unteren Browserrand.
cu
-
Hi Silvia
Ich hoffe, dass ich dich auch richtig verstanden habe, was du suchst, findist du unter diesen Link
[http://www.javarea.de/index.php3?opencat=Javascript&subcat=Pop-up/Hilfe/Info&id=205]
Ich wünsche dir noch viel Spass
Gruss Ramy-
genau
{{{ DANKE }}}
-
Bitte
Grüsse aus der Schweiz
Ramy-
gibt es solch ein JavaScript auch noch wo anders???
dieses ist nicht so der Hit :(
Mit Opera funktioniert es überhaupt nicht!-
Hi Silvia
gibt es solch ein JavaScript auch noch wo anders???
dieses ist nicht so der Hit :(
Mit Opera funktioniert es überhaupt nicht!Ich vermutte Opera ist nicht dazu fähig solche Scripte und mit Layern zu arbeiten.
Gruss Ramy -
Hallo.
Mit Opera funktioniert es überhaupt nicht!
Opera und andere richtige Browser kennen position:fixed; (http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position), da brauchst du solche JS-Spielereien gar nicht erst.
Gruß
Norbert-
Hi Norbert,
Opera und andere richtige Browser kennen position:fixed; (http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position), da brauchst du solche JS-Spielereien gar nicht erst.
mit einigem Aufwand kann man position:fixed auch im M$IE mit CSS "imitieren". Es gibt dazu schon einige Threads im Archiv. Ich habe es ähnlich wie hier http://www.fabrice-pascal.de/artikel/posfixedie6/ gemacht, URI siehe oben.
@Silvia: Wenn du unbedingt Javascript verwenden willst (der genannte CSS-Workaround ist in einigen Bereichen etwas problematisch), sieh dir doch mal die folgenden Seiten an:
http://www.mark.ac/help/sticky.html
http://www.xs4all.nl/~ppk/js/fixedmenu.htmlLG Orlando
-
hi Orlando,
mit einigem Aufwand kann man position:fixed auch im M$IE mit CSS "imitieren". Es gibt dazu schon einige Threads im Archiv. Ich habe es ähnlich wie hier http://www.fabrice-pascal.de/artikel/posfixedie6/ gemacht, URI siehe oben.
Wow, Du hast ja Deine Preview richtig *aufgemotzt* (im positiven Sinne). Das 'fixed' im IE ist toll. Muss ich mich mal reinarbeiten, wenn ich Zeit, Lust und Peilung finde. Ich hab überigends im IE 6 'nen *bug* gefunden (kein Wunder, da baut das ganze ja eh auf einem auf ;)), und zwar: wenn du nach dem Laden der Seite die Bildschirmauflösung veränderst (etwas, was warscheinlich kein normal-sterblicher surfer macht), legt sich der fixe layer über die scroll-leiste des Browsers, in etwa so:
<img src="http://www.your-boredom.de/stuff/ie6bug.gif" border=0 alt="">
Das ganze verschwindet nach nem Reaload (klar).
Ach ja, ne Frage hätt ich auch noch: Wie kriegst du den transparenz-effekt im Opera hin? Mit nem *.png, oder haben die jetzt plötzlich auch ein paar eiene filter?
schöne grüsse + schö
stefan-
Hi Stefan,
Wow, Du hast ja Deine Preview richtig *aufgemotzt* (im positiven Sinne). Das 'fixed' im IE ist toll.
danke :) Ich konnte es bis dato aber erst im M$IE6 begutachten und bin schon gespannt, womit mich ältere Versionen überraschen werden. Es ist ja noch längst nicht alles fertig, so fehlen noch Druck- und Netscape 4-Layout, vielleicht noch "projection" für die Opera-Fraktion ;) und viele weitere Dinge.
Muss ich mich mal reinarbeiten, wenn ich Zeit, Lust und Peilung finde.
Es ist eigentlich gar nicht so kompliziert, hier hast du noch zwei Adressen zu diesem Thema:
http://rijk.op.het.net/test/fixed.html
http://home.deds.nl/~thebox/ghost/fixed/Ich hab überigends im IE 6 'nen *bug* gefunden (kein Wunder, da baut das ganze ja eh auf einem auf ;)),
Das ist kein Bug, das ist ein Feature *g* Also abgesehen von der M$-proprietären Einbindung des M$-Stylesheets und dem Filter ist alles valide (derzeit nicht ganz) und beruht nicht auf einem Bug.
und zwar: wenn du nach dem Laden der Seite die Bildschirmauflösung veränderst (etwas, was warscheinlich kein normal-sterblicher surfer macht), legt sich der fixe layer über die scroll-leiste des Browsers, in etwa so:
<img src="http://www.your-boredom.de/stuff/ie6bug.gif" border=0 alt="">
Das ganze verschwindet nach nem Reaload (klar).
Danke, das ist mir auch schon aufgefallen. Ich will aber keinesfalls die Änderung der Fenstergröße überwachen und dann reloaden. Jedenfalls kann keiner mehr behaupten, der M$IE könne Scrollbars mit korrektem Doctype nicht mehr färben. Einfach ein gefiltertes DIV d'rüber und es geht >;)
Ach ja, ne Frage hätt ich auch noch: Wie kriegst du den transparenz-effekt im Opera hin? Mit nem *.png, oder haben die jetzt plötzlich auch ein paar eiene filter?
Nein, keine Sorge. Im normalen Stylesheet ist ein .png mit 10% Transparenz als Hintergrund definiert, im per "conditonal comments" (eigentlich *würg*, aber hier ganz praktisch) eingebunden Stylesheet kommt filter:Alpha zum Einsatz.
LG und danke für die Mühe
Orlando-
hi Orlando,
Muss ich mich mal reinarbeiten, wenn ich Zeit, Lust und Peilung finde.
Es ist eigentlich gar nicht so kompliziert, hier hast du noch zwei Adressen zu diesem Thema:
http://rijk.op.het.net/test/fixed.html
http://home.deds.nl/~thebox/ghost/fixed/gebookmarket. Ich mach grad' vordiplom, und hab fürs basteln nicht so viel Zeit wie Interesse.
Ich hab überigends im IE 6 'nen *bug* gefunden (kein Wunder, da baut das ganze ja eh auf einem auf ;)),
Das ist kein Bug, das ist ein Feature *g*
oh, 'tschuldigung, ich vergas' (böser blick von Bill Gates)
Also abgesehen von der M$-proprietären Einbindung des M$-Stylesheets und dem Filter ist alles valide (derzeit nicht ganz) und beruht nicht auf einem Bug.
nee, ist mir schon klar, dass fixed Standard ist. Mir gings beim Bug ja auch nur um die proprietäre Einbindung. Da ich auf meiner Seite auch fixed benutze, hab ich mich halt immer geärgert, dass der MS es nicht kann (bzw. dass so viele Leute den MS benutzen).
Danke, das ist mir auch schon aufgefallen. Ich will aber keinesfalls die Änderung der Fenstergröße überwachen und dann reloaden. Jedenfalls kann keiner mehr behaupten, der M$IE könne Scrollbars mit korrektem Doctype nicht mehr färben. Einfach ein gefiltertes DIV drüber und es geht >;)
*g*
Nein, keine Sorge. Im normalen Stylesheet ist ein .png mit 10% Transparenz als Hintergrund definiert, im per "conditonal comments" (eigentlich *würg*, aber hier ganz praktisch) eingebunden Stylesheet kommt filter:Alpha zum Einsatz.
alles klar
LG und danke für die Mühe
gleichfalls
schö stefan
-
-
-
-
-
-
-
-
-
Hier ist ein gutes JavaScript, leider richtet sich das DIV nicht nach dem unteren Browserrand aus. Vielleicht kann jemand dieses Script anpassen???
<html>
<head>
<title>Scroller</title>
</head>
<body>
<style type="text/css">#floater3 {
position: absolute;
left: 772;
top: 93;
width: 210;
visibility: visible;
z-index: 10;}
</style>
<div id="floater3">
<a href="web.de"><img src="bild.jpg" border=0></a>
</div>
<SCRIPT LANGUAGE="JavaScript">
stalkery_start = 100;
currentY = stalkery_start;
lastScrollY = 0;
whichIt = null;
self.onError=null;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
if (IE)
{
stalkery = document.all.floater3.style.pixelTop;
}
if (NS)
{
stalkery_start = 0;
stalkery = document.floater3.top;
}
function heartBeat()
{
if(IE) { diffY = document.body.scrollTop; }
if(NS) { diffY = self.pageYOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE)
{
stalkery += percent;
document.all.floater3.style.pixelTop = stalkery + stalkery_start;
}
if(NS)
{
stalkery += percent;
document.floater3.top = stalkery + stalkery_start;
}
lastScrollY = lastScrollY + percent;
}
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</SCRIPT>
</body>
</html>