Forum PHP.pl > [HTML]DIV - position:fixed, float: right

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML]DIV - position:fixed, float: right

xamrex

3.08.2010, 18:35:21

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

3.08.2010, 19:33:42

[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

Float nie ma nic wspólnego, skoro element ma być przyklejony względem przeglądarki.

xamrex

3.08.2010, 19:56:16

Dzięki, na Firefoxie działa.

A co z "magiczną" przeglądarką IE?
Na niej nie chce działać

krzysztof_kf

3.08.2010, 20:08:00

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

xamrex

3.08.2010, 20:14:06

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

krzysztof_kf

3.08.2010, 20:17:08

Poczytaj to

Nieszczęsna przeglądarka

xamrex

3.08.2010, 20:44:56

wykombinowałem coś takiego:

Kod

Dzięki wielkie

)

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.