Witam
Chciałbym uzyskać efekt przemieszczania sie panelu div wraz z przesuwaniem scrolla przeglądarki w dół lub górę. Obecnie panel div pojawia się w górze strony i tam tez pozostaje gdy przesuniemy pasek przewijania choćby na sam dół, w ten sposób user klikając na podpowiedź nie widzimy w diva w danej poyzcji.
Czy chodzi Ci o coś takiego:
http://www.forum.gothicsite.pl/
(Patrz: Menu po lewej)
Wystarczy w stylach css ustawić position: fixed; top: [tyle_ile_ma_być_obniżony_od_góry_strony]; left: [tyle_ile_od_lewej];
Dokadnie o to samo chodzi Demonical Monk, tylko jak to uzyskac. Dodajac do CSS fixed nie dziala, ramka div wywala sie na samym dole strony, obecnie mam position:absolute musi ona nakladac sie na tabele.
a czy rodzic w któryj jest ta ramka ma position absolute, albo relative, bo jeśli tak to fixed będzie się pozycjonowac wzgl. tego elementu.
Na stronie mam jedna glowna table, gdzies ponizej w kodzie jest panel div, ktory po kliknieciu ukazuje sie w prawym gornym rogu ustawiony na position:absolute
position: fixed działa tak samo jak absolute jeśli chodzi o parametry top, left. Tak samo nie "rozciąga" elementów w których się znajduje, ani nie "zajmuje miejsca" (jest tak jakby nad resztą). Jeśli ustawisz fixed i masz ja w innym miejscu to coś źle robisz. Daj kod konkretny zamiast prozą opisywać co masz, a czego nie masz.
--- nizej w kodzie panel DIV :
<div id="panel_opis" style="position:absolute;left:25%;top:200px;width:430pt;height:220pt;border:2px solid gray;background-color:#F0F0F0;visibility:hidden">
<table style="background-color:#F5F5F5;font-family:Tahoma;font-size:9pt" height="100%">
<tr>
<td width="97%"> OPIS </td>
<td align="right">
<img src="IMG\close.jpg" onClick="document.getElementById('panel_opis').style.visibility='hidden'"/> </td>
</tr>
<tr>
<td colspan="2" style="padding-left:10pt">
<textarea id="panel_description" name="uwagi" rows="10" cols="61" readonly></textarea>
</td>
</tr>
</table>
</div>
mareok: Najlepiej zajrzyj w źródła GothicSITE, a zobaczysz jak to jest zrobione. Szukaj obrazka menu.gif oraz procedury javascript:expand().
IE NIE OBSLUGUJE !! position:fixed !
Tutaj http://neo171.com/?p=11 jest jakiś hack na to, ale u mnie to nie dzialalo ani pod opera, ani pod IE ;p ale pomysl widze ze jest dobry, pewnie trzeba cos poprawic.. zreszta poszukaj na google,moze sie cos znajdzie
dzek69 napisał(a)
IE NIE OBSLUGUJE !! position:fixed !
Też mi problem:
http://www.google.pl/search?q=position%3A+fixed+on+ie&ie=utf-8&oe=utf-8&aq=t&rls=org.mozilla:pl-PL:official&client=firefox-a
i pierwszy link:
http://tagsoup.com/cookbook/css/fixed/
;]
no to ze sa sposoby to ja wiem, googlowanie tez poleciłem.. sam nie mam czasu na to ;p
Ah, sorki. Jakoś zawsze umyka mi kto pisał posta. Pzdr