CSS pozicioniranje absolute i relative

CSS pozicioniranje absolute i relative

offline
  • Pridružio: 29 Maj 2014
  • Poruke: 54

Moze neko da mi objasni razliku izmedju ova dva nacina pozicioniranja?Koliko sam ja razumeo absolute je u odnosu na neki parent ako ga ima,ali relative u odnosu na web pretrazivac?
pozdrav!



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • Gde živiš: 127.0.0.1

Gresis, ovaj silno gresis sinko Smile

Relative je u odnosu na poziciju koju element zauzima (primer: [Link mogu videti samo ulogovani korisnici]), dok je absolute u odnosu na prvi parent element koji ima position koji nije static. Ukoliko nijedan parent nema relative, absolute ili fixed, onda u odnosu na body.



offline
  • Pridružio: 29 Maj 2014
  • Poruke: 54

Hvala ,provezbao sam sad dosta vise pa mi jasnije dosta . Very Happy

offline
  • C# and PHP Developer
  • Pridružio: 16 Feb 2011
  • Poruke: 1630
  • Gde živiš: Pancevo

odo u off ali ovo je jace od mene bilo Very Happy

offline
  • Ivan Kušaković
  • Pridružio: 11 Feb 2006
  • Poruke: 116

Sta bi ovo znacilo sto sam otkucao?

  1. <div>
  2.     <div>STATIC</div>
  3.     <div class="relative">RELATIVE</div>
  4. </div>
  5.  
  6. div {
  7.     background: yellow;
  8.     margin: 10px 0 10px 0;
  9.     padding: 10px;
  10. }
  11. div div {
  12.     background: red;
  13.     color: #fff;
  14.     font-weight: bold;
  15.     position: absolute;
  16. }
  17. div div.relative {
  18.     background: green;
  19.     position: absolute;
  20.     left: 40px;
  21.     top: 0px;
  22. }

offline
  • Pridružio: 25 Mar 2015
  • Poruke: 548

LeQu ::Sta bi ovo znacilo sto sam otkucao?

  1. <div>
  2.     <div>STATIC</div>
  3.     <div class="relative">RELATIVE</div>
  4. </div>
  5.  
  6. div {
  7.     background: yellow;
  8.     margin: 10px 0 10px 0;
  9.     padding: 10px;
  10. }
  11. div div {
  12.     background: red;
  13.     color: #fff;
  14.     font-weight: bold;
  15.     position: absolute;
  16. }
  17. div div.relative {
  18.     background: green;
  19.     position: absolute;
  20.     left: 40px;
  21.     top: 0px;
  22. }


stavi zagrade izmedju koda [ ]

Evo link za relative itd
[Link mogu videti samo ulogovani korisnici]

pozdrav

offline
  • Ivan Kušaković
  • Pridružio: 11 Feb 2006
  • Poruke: 116

Hvala Dejane!

Ko je trenutno na forumu
 

Ukupno su 952 korisnika na forumu :: 45 registrovanih, 3 sakrivenih i 904 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 3466 - dana 01 Jun 2021 17:07

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: amaterSRB, Asprilja, Avalon015, BB, Deki Duga Devetka, Dogma21, esko_hz, EXIT78, Frunze, gregorxix, hyla, ILGromovnik, istina, Jozo74, Leonov, Lieutenant, Lj_ubo, LUDI, mercedesamg, miki kv, MiroslavD, mladen.zovko, narandzasti, nextyamb, pacika, pein, Prečanin30, rakivan, RED4G-304, SamostalniReferent, Schepan, sekretar, Shilok, Sićko, sovanova95, starlights, tajvankanasta, Vanderx, Vlad000, volimpivuvolimrakiju, xanadu, Zadonbas, Zukov, šumar bk2, Đurđevdan