[HTML]DIV - position:fixed, float: right, Jak tego dokonać? Opcje

[xamrex]

Witam
Chciałbym aby obrazek był wyświetlany po prawej stronie i był cały czas w tym samym miejscu.

Mam coś takiego

[HTML] pobierz, plaintext 
<div style="position:fixed; float: right"> <img src='syg-finish2.png'> </div>    
[HTML] pobierz, plaintext 

Ale nie działa:(


Jeśli zrobimy tylko 1 opcje (czyli wyrównanie do prawej)

[HTML] pobierz, plaintext 
<div style="float: right"> <img src='syg-finish2.png'> </div>    
[HTML] pobierz, plaintext 

To wyrównuje się do prawej,

I teraz zrobimy sobie aby obrazek stał czały czas w jednym miejscu:

[HTML] pobierz, plaintext 
<div style="position:fixed""> <img src='syg-finish2.png'> </div>    
[HTML] pobierz, plaintext 

To to też działa.


Ale jak połączyć te dwie opcje?

[Damonsson]

[HTML] pobierz, plaintext 
<div style="position:fixed; top:10px; right:10px;"> <img  src='http://forum.php.pl/style_images/nq.gif'/> </div>  
[HTML] pobierz, plaintext 

Zapomniałeś chyba ustalić marginesów (IMG:style_emoticons/default/winksmiley.jpg) Float nie ma nic wspólnego, skoro element ma być przyklejony względem przeglądarki.

[xamrex]

Dzięki, na Firefoxie działa.

A co z "magiczną" przeglądarką IE?
Na niej nie chce działać (IMG:style_emoticons/default/sad.gif)

[krzysztof_kf]

[CSS] pobierz, plaintext 
 
<div style="position: fixed; position: absolute; right: 0px;">
[CSS] pobierz, plaintext 

[xamrex]

Ale teraz to nie jest cały czas w jednym miejscu,
Gdy się przesuwa stronę niżej to nie działa ;(

Ten post edytował xamrex 3.08.2010, 20:15:58

[krzysztof_kf]

Poczytaj to


Nieszczęsna przeglądarka

[xamrex]

wykombinowałem coś takiego:

Kod

<style type="text/css">
      div#fixme {position: fixed; top: 210; left: 92%; width: 0; height: 0; z-index: 2;}
      * html div#fixme {position: absolute; top:expression(210+(eval(document.compatMode &&  document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop)); left: expression("92%"); }
</style>

Dzięki wielkie (IMG:style_emoticons/default/winksmiley.jpg) )