| Autor | Zpráva | ||
|---|---|---|---|
| speedees Profil |
#1 · Zasláno: 21. 12. 2008, 15:28:47
zdravím,
na webu http://www.jmfotbal.estranky.cz/ máme napravo reklamní flash banner TIPSPORT. Zkusil by ho někdo upravit tak aby měl fixní pozici(po rolování aby zustaval na stejném místě.), ale aby zároveň zůstal (alespoň zhruba) na stejném místě jak je teď? Ve Firefoxu to docela jeste jde ale v IE6 vůbec (to je asi známý problém). Styl divu, ve kterém se reklama zobrazuje je psán přímo do html kodu stránky Změna position:absolute; na "fixed" nefunguje. díky za nápady |
||
| yFang Profil |
#2 · Zasláno: 21. 12. 2008, 15:42:19
speedees
Lze to řešit javascriptem tak, že banner má position absolute a při rolování se mu mění top. |
||
| speedees Profil |
#3 · Zasláno: 21. 12. 2008, 16:50:02
yFang
ok. a mohl bys být trochu konkrétnější? treba hodit nejaky odkaz kde je to popsané. a nebo - nezkusil bys to přímo udelat? |
||
| yFang Profil |
#4 · Zasláno: 21. 12. 2008, 16:53:45
speedees
Kdysi jsem to pro někoho dělal, tady to je: http://labs.yellowfang.wz.cz/macmag/horni-lista.php Ale tahle verze je nefunkční v IE, myslím, že jsem to nakonec vyřešil, ale to bych musel vzpomínat. :-) |
||
| speedees Profil |
#5 · Zasláno: 21. 12. 2008, 17:06:09
yFang
no tak bohuzel. ja to potrebuju pro IE. kdyby se ti chtelo vzpominat tak dej vedet :) |
||
| Bubák Profil |
#6 · Zasláno: 21. 12. 2008, 19:08:54
http://www.jakpsatweb.cz/javascript/priklady/fixed-object.html
Ve starších verzích prohlížeče Opera do verze 9.2x včetně objekt ujíždí dolů(viz popis), v novějších verzích prohlížeče Opera ov verze 9.5x včetně se stránka chová korektně, myslím si, že různě vyhodnotí podmínku if(document.all) <style>
#idecko {position: fixed;} /* pro Mozillu */
#idecko {top: 90px; left: 80%} /* libovolné další vlastnosti (kromě position) */
p {width: 70%}/* nedůležité, jenom aby se text nedostal k fixovanému objektu */
</style>
<!--[if IE]>
<style>
#idecko {position: "absolute";} /* pro IE */
</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>
<![endif]--> |
||
| Bubák Profil |
#7 · Zasláno: 21. 12. 2008, 19:11:37
Ještě existuje tohle:
http://www.jakpsatweb.cz/css/priklady/fixed-position-explorer-simulati on.html |
||
|
Časová prodleva: 15 let
|
|||
0