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

560

    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ä.

    Luetuimmat keskustelut

    1. Nurmossa kuoli 2 Lasta..

      Autokolarissa. Näin kertovat iltapäivälehdet juuri nyt. 22.11. Ja aina ennen Joulua näitä tulee. . .
      Seinäjoki
      138
      7705
    2. Joel Harkimo seuraa Martina Aitolehden jalanjälkiä!

      Oho, aikamoinen yllätys, että Joel Jolle Harkimo on lähtenyt Iholla-ohjelmaan. Tässähän hän seuraa mm. Martina Aitolehde
      Suomalaiset julkkikset
      38
      1925
    3. Kaksi lasta kuoli kolarissa Seinäjoella. Tutkitaan rikoksena

      Henkilöautossa matkustaneet kaksi lasta ovat kuolleet kolarissa Seinäjoella. Kolmas lapsi on vakasti loukkaantunut ja
      Maailman menoa
      25
      1900
    4. Miten meinasit

      Suhtautua minuun kun taas kohdataan?
      Ikävä
      91
      1623
    5. Miksi pankkitunnuksilla kaikkialle

      Miksi rahaliikenteen palveluiden tunnukset vaaditaan miltei kaikkeen yleiseen asiointiin Suomessa? Kenen etu on se, että
      Maailman menoa
      180
      1555
    6. Tunnekylmä olet

      En ole tyytyväinen käytökseesi et osannut kommunikoida. Se on huono piirre ihmisessä että ei osaa katua aiheuttamaansa p
      Ikävä
      104
      988
    7. Oletko miten

      Valmis läheisyyteen?
      Ikävä
      49
      920
    8. Taisit sä sit kuiteski

      Vihjata hieman ettei se kaikki ollutkaan totta ❤️ mutta silti sanoit kyllä vielä uudelleen sen myöhemmin 😔 ei tässä oik
      Ikävä
      4
      859
    9. Odotathan nainen jälleenkohtaamistamme

      Tiedät tunteeni, ne eivät sammu johtuen ihanuudestasi. Haluan tuntea ihanan kehosi kosketuksen ja sen aikaansaamaan väri
      Ikävä
      28
      820
    10. Muistatko hänen

      Tuoksunsa? Saako se sinut syttymään? ❤️‍🔥
      Ikävä
      33
      793
    Aihe