HTML kehyksen koon määrittäminen

Liittynyt
11.01.2021
Viestejä
40
Osaisiko joku neuvoa miten HTML:ssä saa "kehyksen" pysymään vakio kokoisena riippumatta ikkunan tai näytön koosta? Oikea sanasto hukassa, mutta ymmärrätte pointin kun katsotte liite kuvia.

kehys1 olisi oikean kokoinen, mutta jos laitan ikkunan koko näytölle niin se venyy leveys suunnassa. Miten saisin sen pysymään "vakio" kokoisena tai niin, että kaikki muuttuu samassa suhteessa?

Tällä hetkellä kehys on määritelty style osiossa.
.kehys
background-color: ..
margin-left: 40%
margin-right: 40%

Ymmärrän, että % todennäköisesti muuttaa kokoa aina ikkuna koon muuttuessa, mutta en tiedä oikeita komentoja tähän? Olen kyllä yrittänyt etsiä tietoa netistä, mutta ei oikein natsaa...

Kiitollinen avusta.
 

Liitteet

Liittynyt
17.10.2016
Viestejä
1 543
Se on juurikin tuo %-merkin käyttö, joka saa tuon divin venymään selainikkunan kokoa muutettaessa. Kuten sanottu, siirry käyttämään fiksattuja pikselimääriä (esim. width: 300px).

Tästä linkistä lisää infoa, käy checkaamassa tuo kätevä Try It -minisovellus: CSS width property

Voit myös käyttää pelkästään max-width: 300px, jolloin divi ei veny liikaa, mutta sallii sen koon pienentämisen, jos selainikkuna piennetään tosi kapeaksi.
 
Liittynyt
17.10.2016
Viestejä
14 550
Ja px:n sijaan kannattaa siirtyä ehkä käyttämään fonttikokoon suhteutettuja kokoja rem ja em. Niillä elämä helpottuu monessa tilanteessa. Ja keskitykseen kannattaa opetella suosiolla flexbox niin moni asia muuttaa paljon helpommaksi.
 
Liittynyt
31.12.2016
Viestejä
442
Saitko jo tehtyä? Tuli innostuttua ja sain tämmöisen tehtyä: Tässä pari flexbox opetus peliä:
 
Liittynyt
11.01.2021
Viestejä
40
Saitko jo tehtyä? Tuli innostuttua ja sain tämmöisen tehtyä: Tässä pari flexbox opetus peliä:
Hupaisa opetus peli. Täytyy huomenna tutustua vielä paremmin noihin koodeihin
 

Liitteet

Liittynyt
11.01.2021
Viestejä
40
Kiitos vain kaikille muillekin, hienoa, että osaajilta saa tarvittaessa apua.
 
Toggle Sidebar

Statistiikka

Viestiketjut
237 389
Viestejä
4 159 492
Jäsenet
70 409
Uusin jäsen
allun90

Hinta.fi

Ylös Bottom