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

593

    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. Riitta-Liisa ja Toni Roponen: Ero! Riitta-Liisa Roponen kertoo asiasta Instagramissa.

      Riitta-Liisa ja Toni Roponen eroavat. Riitta-Liisa Roponen kertoo asiasta Instagramissa. – Talvi on ollut elämäni synk
      Maailman menoa
      81
      3105
    2. Sinä vain tulit elämääni

      Ja joku tarkoitus sillä on ollut. Näyttämään mitä olen ja kuinka arvokas voisin olla. Se muutti ja käänsi elämäni suunna
      Ikävä
      91
      1756
    3. Tiesitkö mies

      Kuinka paljon mulla oli tunteita sua kohtaan? Jos et tiennyt,olisiko tietäminen vaikuttanut tapahtumiin? Ihmettelen kyll
      Ikävä
      83
      1606
    4. Nuorempi mies

      Olen tänään ajatellut sua paljon, miten toimittaisiin makuuhuoneessa jne! 😏🔥
      Ikävä
      137
      1462
    5. Millaisia ajatuksia on kaivatusta ja tilanteestanne tänään?

      Kerro omista mietteistäsi tai lähetä terveisiä. Ehkä hän lukee ja lähettää sinulle takaisin omia mietteitään.
      Ikävä
      65
      1438
    6. Miksi teillä meni...

      ...välit poikki kaivattusi kanssa?
      Ikävä
      157
      1354
    7. Toivottavasti et mussukka elättele toiveita meikäläisen suhteen

      Tiedän mitä olet touhunnut joten aivan turha haaveilla mistään enää 👍
      Ikävä
      159
      1283
    8. Jos siis saamme

      Sen keskusteluyhteyden niin olisitko jo sinäkin rehellinen ❤️🙏 ne jää meidän välisiksi kaikki. Tarvitsemme toisiamme, j
      Ikävä
      99
      1232
    9. Mies, mitä minun pitäisi tehdä

      Niin, mitä naisen siis pitäisi tehdä, että lähestyisit ja tekisit aloitteen? Mikä on riittävä kiinnostuksen osoitus juur
      Ikävä
      83
      1231
    10. Onko sinulla

      Joku nyt huonosti? :(
      Ikävä
      84
      1210
    Aihe