Olenpä tässä miettinyt leikkiessäno divien kanssa että mitenkäs tuo position: relative käytännössä toimii. Kuvaus siitä jonka löysin oli "Sijoittaa elementin suhteessä ylempään elementtiin" tjs. Tarkoittaako tuo nyt sitä, että divit tulee asettaa "sisäkkäin" jotta tuo relative toimisi? ja siirtyyko tuo relativeksi asetettu divi sitten tämän "ylemmän" elementin mukana, jos se esimerkiksi suurenee tai pienenee? Kun minulla on eräs sivu jossa on juuri se ongelma että footteri ei osaa siirtyä alaspäin, vaan jää leijumaan tekstin päälle.
Sulla on varmaan div:ssä asetettu position:absolute, eli left,right,top ja bottom lasketaan selaimen ikkunan reunoista.
lainaus:
Tarkoittaako tuo nyt sitä, että divit tulee asettaa "sisäkkäin" jotta tuo relative toimisi?
ei tarkoita. Kun asetat divin paikan suhteelliseksi, "edellisen/ylemmän/aikaisemman" divin/elementin paikka vaikuttaa sen sijaintiin.
Eli siis koodissa oleva edellinen.. Selvä. Pitänee siis hieman muutta divien järjestystä jotta saan leiskan asettumaan järkevästi. Kiitoksia vastauksesta.
raezel kirjoitti:
mitenkäs tuo position: relative käytännössä toimii. Kuvaus siitä jonka löysin oli "Sijoittaa elementin suhteessä ylempään elementtiin" tjs.
Älä lue TM:n sivustoa :)
http://www.w3.org/TR/REC-CSS2/visuren.html#propdef-position
Eli elementille lasketaan paikka ihan normaalisti ja sitten sitä siirretään left ja top arvojen verran sivuun.
Täällä kerrotaan paremmin asiasta
http://segment7.net/projects/web/positioning.
Aihe on jo aika vanha, joten et voi enää vastata siihen.