Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • absoluuttisesti: elementin sijainti asetetaan suhteessa johonkin koordinaatistoon (joko sivun vasempaan yläkulmaan tai suhteessa sisimpään asemoituun elementtiin, jonka sisällä ollaan)
  • kiinteästi: kuten absoluuttinen, mutta koordinaationa on aina selaimen näyttöalue. Elementti pysyy paikallaan, vaikka selainikkunaa vierittäisi, 
  • suhteellisesti: elementin sijainti asetetaan suhteessa siihen, missä elementti sijaitsisi ilman asemointia
  • lisäksi asemoinnin vaihtoehtoina on kelluva sisältö, joka tehdään float-elementillä. Kelluva elementti sijoittuu joustavasti sivun muun sisällön vasemmalle tai oikealle puolelle.

CSS-asemointi

Selkeä tutorial kelluvan css-asemoinnin tekoon

Position-ominaisuuden käyttö

...