[Toombass]

Hejsan!
Jag håller på och jobbar med en ny sida, men har fastnat vid ett problem.
Det jag vill åsdakomma är en bild som fixeras i mitten längst ner i webbläsarfönstret.

Har prövat med position: absolute; men då blir det problem när sidan är så pass lång så att man måste scrolla för att se hela inehållet. Då "fasnar" bilden på positionen den hadde från början och hamnar tillslut i mitten av webbläsaren.

Någon som vet hur jag ska lösa detta?

/Tomas

[Seattlegrunge]

Nåt sånt här kanske?

http://cross-browser.com/x/examples/floater_bar.php

[martine]

Originally posted by Toombass@Nov 11 2006, 03:50
Hejsan!
Jag håller på och jobbar med en ny sida, men har fastnat vid ett problem.
Det jag vill åsdakomma är en bild som fixeras i mitten längst ner i webbläsarfönstret.

Har prövat med position: absolute; men då blir det problem när sidan är så pass lång så att man måste scrolla för att se hela inehållet. Då "fasnar" bilden på positionen den hadde från början och hamnar tillslut i mitten av webbläsaren.

Någon som vet hur jag ska lösa detta?

/Tomas

Det enklaste och mest logiska är förstås att använda:

position: fixed; bottom: 0;

Den enda haken med den lösningen är att det inte stöds av IE 6 även fast det tillhör webstandarden. JavaSkriptlösningar blir tyvärr inte alltid så bra (eftersläp).

[Seattlegrunge]

Exakt, javascriptlösningen är inte nåt perfekt, dock en lite fräck funktion om den nu skulle vara intressant i detta fall

Jag har sett andra javascriptlösningar där ingen eftersläpning existerar, men jag har inget exempel på det på rak arm tyvärr...

[martine]

Originally posted by Seattlegrunge@Nov 11 2006, 21:55
Jag har sett andra javascriptlösningar där ingen eftersläpning existerar, men jag har inget exempel på det på rak arm tyvärr...

Jag har för mig att man kan sätta fast (fixed) en bakgrundsbild med css på body:n i IE, men det var länge sen jag försökte. Om det inte stör att bilden kan hamna under något annat så är det ju också en lösning.

Jag har också sett det någonstans men har inte lyckats efterapa det i egna skript. Och nu är det ju inte stor poäng med det i å med IE7. Men det är klart om någon vet så vore det roligt att veta hur man bär sig åt (det är säkert någon lösning med någon skum MS-event som typ onLayoutComplete eller liknande)…

[Kaffe]

Om man inte har något emot att krånga till det lite med sin CSS:
http://tagsoup.com/cookbook/css/fixed/
Och då alldeles särskilt:
http://tagsoup.com/cookbook/css/fixed/bottom/

Sedan har du ju Dean Edwards ambitiösa IE7 projekt som ordnar position: fixed för IE6:
http://dean.edwards.name/IE7/overview/
Och i aktion:
http://dean.edwards.name/IE7/compatibility/fixed.html

I det sistnämnda fallet skall det alltså räcka med position: fixed;