Sivun skaalaus + css

tony

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! :)

2

552

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • olla aikas

      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.

      • tony

        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?

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Suomi on täysin sekaisin

      Jo ties monettako päivää hirveä itku ja poru jostain helvetin nilviäisistä. https://www.is.fi/taloussanomat/art-2000010
      Maailman menoa
      450
      4839

    2. Ensimmäisestä kohtaamisesta saakka

      minulla on ollut hämmentynyt olo. Miten voit tuntua siltä, että olisin tuntenut sinut aina? Sinun kanssasi on yhtä aikaa
      Ikävä
      15
      1722

    3. Aivan täysin tahallinen teko

      Ei mitään puolusteluja, eikä selittelyitä. Kuljettajalle kerrottiin asiasta siinä paikanpäällä, mutta silti hän ajoi ves
      Suomussalmi
      94
      1468

    4. Suomussalmi saatu vihdoin maailmankartalle!

      Nyt kun Suomussalmi on vihdoin viimein saatu ennennäkemättömällä tavalla maailman tietoisuuteen niin voitaisiin järjestä
      Suomussalmi
      53
      1359

    5. Olet saanut minut sekoamaan

      Tunteiden ristiaallokossa vellominen on ollut melkoinen kokemus. Ei kukaan ole saanut minua niin raiteiltaan kuin sinä.
      Ikävä
      22
      1326

    6. Mainehaitta metsäkonefirmalle

      Hukkajoen tapahtumista liikkuu paljon huhuja. Eikö kannattaisi julkaista raakkuja tuhonneen metsäkoneyrityksen nimi, kos
      Suomussalmi
      53
      1218

    7. Oho! Maajussi-Kallelta pakit saanut morsioehdokas Miss Suomi -kisoissa! Tunnistaisitko hänet nyt?

      Hmm, tunnistaisitko?!? Onnea missihulinoihin! Lue lisää ja katso kuvat: https://www.suomi24.fi/viihde/oho-maajussi-
      Suomalaiset julkkikset
      0
      1075

    8. Myönnän sinulle nyt

      Että olen erittäin mustasukkainen sinusta jo nyt. Ikävä on tämä tunne, kun tietämättömyyden solista nousee myrkkyä miele
      Ikävä
      54
      1000

    9. Pysytäänkö nainen

      edelleen yhtä viileän tyynenä kun nähdään. Uskotko että tahtoessani saisin murettua tyyneytesi hyvin helposti.
      Ikävä
      57
      885

    10. Olen käyttäytynyt ristiriitaisesti

      eikä minusta varmaankaan ota mitään selvää. Se johtuu siitä, kun järki sanoo ei, ei, ei ja sydän sanoo kyllä, kyllä, kyl
      Ikävä
      60
      859
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt