Keskustelu: Nettisivujen teko: Sivujen skaalautuvuus

Teen tässä eräitä sivuja, ja nyt on semmoinen ongelma, että ei tunnu toimivan kuin omalla resoluutiollani. Ennen sorsan laittamista tänne, kysyisin kuitenkin, että miten pitäisi skaalautuva sivu tehdä?

Sivut on thety käyttämällä xhtml strict 1.0:aa + CSS:ää. Ulkoasuun on käytetty divejä, jotka ovat muuten aika paljon helpompi juttu kuin taulukko systeemi :

Älä käytä divien kokoon pikseli tms. arvoja, käytä prosentteja aina kun mahdollista.

Entä, sijainnin määrittelyyn? Sijainnin määrittelen näin:

/*CSS OSA*/
div.valikko {
  position: absolut;
  margin-left: 22%;
}
/*XHTML OSA*/
<div class="valikko">
  linkki
</div>

EDIT: Kiitoksia avustasi, Meitsi. Sain homman pelaamaan, muuttamalla kaikki prosenteiksi.

Prosenttien lisäksi hyvä tapa on käyttää em-mittoja, eli montako kertaa kirjainpari em mahtuu. Tämä esimerkiksi reunavalikoihin, joiden pitää olla riittävän leveitä tekstille, mutta joiden ei tarvitse kasvaa selaimen kasvaessa.

Asettelu pitäisi pystyä tekemään ilman mitään kummempia vippaskonsteja. Hyvä konsti on float-ominaisuuden käyttö valikoille, ja tarvittaessa sisältö erilliseen diviin, jonka margin-left on sama kuin valikon leveys.

Mallia voi katsella alkuun vaikka Putkasta tehdyistä CSS-versioista, joita löytyy täältä.