Page History

Lohkoelementit ja sisäelementit

Display-elementti

CSS-asemoinnin perusteet

CSS-asemointi on elementtien sijoittelua verkkosivulle tiettyjen sääntöjen mukaan. Yksinkertaisimmillaan lohkoelementit asetellaan allekkain ja sisäelementit samaan tapaan kuin sanat kappaleessa, eli peräkkäin.

...

• Lisätietoa: http://webdesign.about.com/od/advancedcss/a/aa061307.htm
• http://www.dynamicdrive.com/style/layouts/item/css-fixed-layout-21-fixed-fixed/^{Image Removed}

Kiinteästi: kuten absoluuttinen, mutta koordinaationa on aina selaimen näyttöalue. Elementti pysyy paikallaan, vaikka selainikkunaa vierittäisi.

• arvo: fixed
• Esimerkiksi http://www.w3.org/Style/Examples/007/
• IE 6 ei tue
• Kellutus lopetetaan clear-määritteellä: http://www.w3schools.com/Css/pr_class_clear.asp^{Image Removed}

Suhteellisesti: elementin sijainti asetetaan suhteessa siihen, missä elementti sijaitsisi ilman asemointia.

• Esimerkki: http://webdesign.about.com/od/advancedcss/a/aa061307.htm
• http://www.dynamicdrive.com/style/layouts/category/C13/^{Image Removed}

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.

...