Sivun skaalaus + css

Moi! Kertokaapas mulle miten teen seuraavanlaisen skaalauksen? Sivulla on koko sivun levyiset ylä- ja alapalkki sekä näiden keskellä koko sivun levyinen sisältöalue, jolle on määritetty tietty korkeus (n. 380px). Nyt tarttis saada sivu toimiin niin, että ylä- sekä alapalkki skaalautuu, eli kasvaa korkeutta näytön resoluution mukaan. Sisältöalueen korkeus pysyy siis aina vakiona. Ylä- ja alapalkin tulisi myös pysyä aina sivun ylä- sekä alalaidassa kiinni.

Kiteytettynä, sivun sisältöalueen tulisi pysyä siis aina keskitettynä ja vakio korkuisena, ylä- ja alapalkki kasvaa korkeutta/kapenee näytön resoluution mukaan. Missään vaiheessa ei saisi näkyä skrollausta, eikä ns. tyhjiä alueita. Ylä- ja alapalkin tulisi kiinnittyä sivun ylä- sekä alalaitaan.

Eli kuinka tämän toteutan? css:ää on tullut nyt hakattua ihan hullun tavalla, mutta ratkaisua en vaan löydä! Kertokaapas fiksummat jos saitte edes jonkunlaisen käsityksen sekavasta selostuksestani, kiitos! :)
2664
Äänestä

Muut lukivat myös

Vastaukset 2

Vanhimmat

mahdoton juttu, edes teoriassa.

Koodisi täytyisi tietää käyttäjän näytön
resoluutio RIIPPUMATTA mitä asetuksia käyttäjän
selaimessa on laitettu.

Ehkä joku tosiguru neuvoo, minun kykyni loppuvat
20 vuoden kokemuksesta huolimatta.

Äänestä
  • mahdotonta, koska tällaisen sivuston olen joskus nähnyt... en vaan nyt muista mistä sivustosta oli kyse? Olisiko javascriptistä tässä apua? Tietääkö kukaan? Löytyykö esimerkki koodia?

    Äänestä

Kommentoi aloitusta


tony kirjoitti:

Moi! Kertokaapas mulle miten teen seuraavanlaisen skaalauksen? Sivulla on koko sivun levyiset ylä- ja alapalkki sekä näiden keskellä koko sivun levyinen sisältöalue, jolle on määritetty tietty korkeus (n. 380px). Nyt tarttis saada sivu toimiin niin, että ylä- sekä alapalkki skaalautuu, eli kasvaa korkeutta näytön resoluution mukaan. Sisältöalueen korkeus pysyy siis aina vakiona. Ylä- ja alapalkin tulisi myös pysyä aina sivun ylä- sekä alalaidassa kiinni.

Kiteytettynä, sivun sisältöalueen tulisi pysyä siis aina keskitettynä ja vakio korkuisena, ylä- ja alapalkki kasvaa korkeutta/kapenee näytön resoluution mukaan. Missään vaiheessa ei saisi näkyä skrollausta, eikä ns. tyhjiä alueita. Ylä- ja alapalkin tulisi kiinnittyä sivun ylä- sekä alalaitaan.

Eli kuinka tämän toteutan? css:ää on tullut nyt hakattua ihan hullun tavalla, mutta ratkaisua en vaan löydä! Kertokaapas fiksummat jos saitte edes jonkunlaisen käsityksen sekavasta selostuksestani, kiitos! :)

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu