Autor | Zpráva | ||
---|---|---|---|
kvoky Profil |
#1 · Zasláno: 25. 11. 2007, 19:33:14 · Upravil/a: kvoky
Zdravim,
Potřeboval bych udělat aby nějaký div, nebo něco jiného byl vzdálen třeba 50px od levého horního rohu OKNA (ne dokumentu). Tzn. že při posunutí stránky by se div neposouval. Šlo by to? A jak? Stačí mi odkaz na nějakou funkci, díky. |
||
Gappa Profil |
#2 · Zasláno: 25. 11. 2007, 21:43:38
Na to je v CSS position: fixed.
Druhá věc je, že IE6 to standardně nepodporuje a musí se použít buď CSS šílenosti, nebo JS řešení. |
||
kvoky Profil |
#3 · Zasláno: 25. 11. 2007, 22:27:33
No o to mi jde.... to reseni v JS. vim ze nejake je. Aspon mensi napovedu.
|
||
Bubák Profil |
#4 · Zasláno: 25. 11. 2007, 23:32:01
Zkusil jsem si pohrát s tímto:
http://www.jakpsatweb.cz/javascript/priklady/fixed-object.html Má to dva háčky. Opera umí bez hanby document.all i positoin:fixed. IE7 umí positoin:fixed jen ve standardu. Čistě JS řešení je možné, ale JS je na tohle pomalý a objekt trochu poskakuje, zatímco pomocí CSS drží, jak přibitý. Zplácal jsem z Yuhůůova příkladu tohle: <!DOCTYPE HTML> <html> <head> <meta http-equiv="content-type" content="text/html; charset=xxx"> <title>Objekt zafixovaný na stránce</title> <style> #idecko {position: fixed;} /* pro moderni prohlizece */ #idecko {top: 90px; left: 80%} /* libovolne dalsi vlastnosti (krome position) */ p {width: 70%; border: 20% solid red; margin-top: 5em}/* nedulezite, jenom aby se text nedostal k fixovanemu objektu */ </style> <!--[if IE]> <style> * html #idecko {position:absolute;} /* pro stare IE a IE7 ve qirku */ </style> <script> function fixedEl(id){ if(document.all){ document.all[id].style.pixelTop = document.body.scrollTop + 90; // pixelTop je něco jako top v CSS // document.body.scrollTop říká, jak moc je to odrolované dolů // ta devadesátka je ta samá devadesátka jako ve stylu } } </script> <body onscroll="fixedEl('idecko')"> <![endif]--> <!-- fixovaný objekt --> <div id="idecko"> Objekt zafixovaný na stránce </div> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> <p>text</p> </html> |
||
kvoky Profil |
#5 · Zasláno: 26. 11. 2007, 21:33:01
Ahoj,
diky za ten priklad... je to fajn, jen nevim proc to v IE6 nejede... Nezobrazujou se jak styly tak se to ani neposouva... Ale je to stejne jako od yuhuuu jenom s tema podminovacima komentarema nebo jak se tomu rika.... nemuzu najit chybu. |
||
Bubák Profil |
#6 · Zasláno: 26. 11. 2007, 22:01:50
IE6 nemám, tak jsem neotestoval. Teď jsem nechal udělat screenshoty, a vidím, že v IE6 to jde, pokud je ve qirku, pokud je IE6 ve standardu, tak to nejde.
http://teststranek.kvalitne.cz/fixed.html |
||
kvoky Profil |
#7 · Zasláno: 27. 11. 2007, 00:07:52
Mas pravdu jede to. Kdyz sem ale celej kod zkopiroval tak to v IE nejelo, kdo vi.
Kazdopadne diky. Velice si mi pomohl. |
||
Bubák Profil |
#8 · Zasláno: 27. 11. 2007, 00:51:38
kvoky
V tom původním je na prvním řádku: <!DOCTYPE HTML> Takže IE je ve standardu. Na webu je verze bez DOCTYPE, IE je ve qirku. www.jakpsatweb.cz/css/mody-prohlizecu.html |
||
Časová prodleva: 16 let
|
0