position fixed, relative

Salut!

As vrea sa imi explice cineva daca se poate care este diferenta intre position:fixed; si position:relative; si cum functioneaza ele.

Multumesc anticipat.

Position fixed seteaza un obiect relativ fata de fereastra browserului. Daca stii ce se intampla cand pui un absolute inauntrul unui relativ este exact acelasi lucru.
#ok {position:fixed; top:0px; right:10px; }
<div id="ok">ok</div>

ok va aparea in dreapta sus(la 10 px de marginea cea mai din dreapta a browserului, si lipit de marginea de sus).

position:relative functioneaza inauntrul 'fluxului' normal setand pur si simplu o pozitie relative fata de cum ar fi fost normal.

vezi cuvantul test de mai jos. Daca ar fi position:relative; left:50px; ar aparea la 50 px fata de cum este acum. Daca as muta cuvantul mai la dreapta/mai in jos ar aparea la 50px fata de unde ar aparea NORMAL. Si in esenta el inca este unde ar aparea normal!!! Doar ca este aratat altundeva. Daca ar fi intr-un div ai vedea ca width-ul divului nu se modifica, ci ramane acelasi exact ca si cum nu ar scrie pos:rel left:50px

test

Filozofeaza si tu putin si daca nu intelegi revino cu nelamuririle

Edited by stefy, 20 April 2009 - 17:57.

relativ - relativ la parintele din DOM.

Acum am urmatoarele intrebari..

1.  Position:fixed face aceleasi chestii ca si position:absolute?
2.  Am vazut odata un tutorial si pusese un patrat intr-un dreptunghi..nu a modificat foarte mult left, top etc...si patratul a cazut exact la fix in dreptunghi, dreptunghiul avand padding....cum a facut asta?
3.  Intr-un website care este cea mai ortodoxa alegere intre position fixed si relative si absolute..?...si de ce?
Mie cand  nu imi iesea ceva cu relative sai fixed, deoarece nu stiam, foloseam absolute..:|

1)nu chiar. Static este relativ la fereastra browserului, in timp ce absolute este relativ la alte relative-uri absolute-uri.
Daca este aruncat un absolute direct in body atunci da, va fi exact ca si static, dar daca este intrun div(dreptunghi) pos:absolute; left:50px; va face ca elementul sa fie la 50px de marginea dreptunghiului.
2)Depinde cum le-a modificat...Probabil a folosit position:absolute si left: 1/2 din latimea dr, top 1/2 inaltimea dr. SAU un margin:auto; + vertical-align:middle;
3)Intrebarea ta este de genul 'Ce este mai ortodox de facut pe un scaun: sa citesc sau sa mananc?'
Fiecare e bun pentru ceva. Nu poti sa faci ce faci cu relative obtinand aceleasi rezultate cu fixed.

Ai de exemplu un div in care sunt intre 1 si 10 lucruri despre..un anunt de exemplu(unele sunt optionale si gigel cand a adaugat anuntul pe site nu le-a pus pe toate). Tu faci scriptul incat le arata doar pe cele completate.(unele sub altele cu br )
Cum poti face ca pretul anuntului (camp obligatoriu) sa fie lipit de marginea de jos a divului(sub el)??
Daca il faci relative il vei putea pune la sfarsitul divului cu cele 1-10 linii si sa ii specifici position:relative top:10px;left:50px;
Cu fixed nu ai ce face, fereastra browserului de unde sa stie unde vrei tu ala asezat.
Absolute ar fi in schimb cea mai buna alegere. I-ai seta un position:absolute; bottom:-10px; right:10px;
Si va fi mereu in partea de jos a divului.

mai uita-te pe aici
http://css-tricks.co...do-they-differ/

am inteles acum...multumesc