Sivu ikkunan korkuiseksi?

en tajua...

Miten voin tehdä css:llä tai taulukoilla (tai ihan millä vaan..) sellaisen web-sivun, joka skaalautuu automaattisesti avoimen selain-ikkunan korkuiseksi (ja levyiseksi)? Lisäksi pitäisi toimia luonnollisesti siten, että tulee vierityspalkit, kun sisältö ei mahdu kokonaan avoimeen ikkunaan.

Kiitos kovasti, jos joku osaa auttaa!

9

859

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • -Ridge-

      Jos teet taulukolla niin laita css:ään:

      table {
      height: 100%;
      width: 100%;
      }

      Jos teet divillä niin:
      div {
      height: 100%;
      }

      Bodyyn voit laittaa margin 0 niin ei jää mitään reunoja. Vierityspalkit tulee normaalisti itsestään, voit toki myös laittaa overflow: auto

      • olen yrittänyt

        mutta laihoilla tuloksilla. Jos tuo on se tapa, jolla pitäisi onnistua, niin pitää tarkistaa koodia.


      • -Ridge-
        olen yrittänyt kirjoitti:

        mutta laihoilla tuloksilla. Jos tuo on se tapa, jolla pitäisi onnistua, niin pitää tarkistaa koodia.

        Missä mättää, mitä koodi tekee tai ei tee..?


      • mitään
        -Ridge- kirjoitti:

        Missä mättää, mitä koodi tekee tai ei tee..?

        eli minulla on taulukoilla taitettu sivu, jonka muotoilut on hoidettu omalla css-tiedostolla. nämä (height:100%;) komennot eivät vaikuta mitenkään. Sivu alkaa yläreunasta jatkuen n 400px, mutta en onnistu millään skaalaamaan koko ikkunan korkuiseksi.


      • -Ridge-
        mitään kirjoitti:

        eli minulla on taulukoilla taitettu sivu, jonka muotoilut on hoidettu omalla css-tiedostolla. nämä (height:100%;) komennot eivät vaikuta mitenkään. Sivu alkaa yläreunasta jatkuen n 400px, mutta en onnistu millään skaalaamaan koko ikkunan korkuiseksi.

        koodia tulemaan niin selvii..


      • tuloo
        -Ridge- kirjoitti:

        koodia tulemaan niin selvii..

        html-sivu on tehty näin:
        - koko paketti (table.global) div:n (#tausta) sisällä, joka tekee tausta kuvan (repeat-y).

        css:
        body {
           margin: 0;
           padding: 0;
           border: 0px;
           font-size: 12px;
           font-family: Verdana
           color: #000;
           background-color: #3D3D3D;
           height: 100%;
           }
        #tausta {
           margin: 0;
           padding: 0 0 10px 0;
           width: 900px;
           background:transparent url(images/tausta.jpg) center top repeat-y;
           height: 100%;
           }
        table.glopal {
           margin: 0;
           padding: 0;
           width: 900px;
           height: 100%;
           }

        Sivu taitettu siis taulukolla (jonka sisällä uusia taulukoita (niinku venäläisiä puumummoja..) :)


      • -Ridge-
        tuloo kirjoitti:

        html-sivu on tehty näin:
        - koko paketti (table.global) div:n (#tausta) sisällä, joka tekee tausta kuvan (repeat-y).

        css:
        body {
           margin: 0;
           padding: 0;
           border: 0px;
           font-size: 12px;
           font-family: Verdana
           color: #000;
           background-color: #3D3D3D;
           height: 100%;
           }
        #tausta {
           margin: 0;
           padding: 0 0 10px 0;
           width: 900px;
           background:transparent url(images/tausta.jpg) center top repeat-y;
           height: 100%;
           }
        table.glopal {
           margin: 0;
           padding: 0;
           width: 900px;
           height: 100%;
           }

        Sivu taitettu siis taulukolla (jonka sisällä uusia taulukoita (niinku venäläisiä puumummoja..) :)

        Sulla on koodissa table.global ja css:ssä table.glopal, eli korjaa tuo p-kirjain..=)


      • css
        -Ridge- kirjoitti:

        Sulla on koodissa table.global ja css:ssä table.glopal, eli korjaa tuo p-kirjain..=)

        mutta tuon korjaaminenkaan ei vaikuta..

        tuon tausta div:n alapuolella ennen -tagia on vielä oma "footer-div". Voiskohan se vaikuttaa?

        Kiitos avustasi joka tapauksessa!


      • -Ridge-
        css kirjoitti:

        mutta tuon korjaaminenkaan ei vaikuta..

        tuon tausta div:n alapuolella ennen -tagia on vielä oma "footer-div". Voiskohan se vaikuttaa?

        Kiitos avustasi joka tapauksessa!

        Ei sen pitäisi vaikuttaa, laita koko koodi tulemaan tai katso toimiiko tämä haluamallasi tavalla, footeri on nyt taustan sisällä, vaihda sen alle jos niin haluat..





        Untitled








        Tekstiä.

        Tekstiä.



        Tekstiä.




        Tekstiä.

        Tekstiä.



        Tekstiä.

        Tekstiä.






        footer


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

    Luetuimmat keskustelut

    1. Mies kateissa Lapualla

      Voi ei taas! Toivottavasti tällä on onnellinen loppu. https://poliisi.fi/-/mies-kateissa-lapualla
      Lapua
      117
      6096
    2. Poliisi tutkii murhaa Paltamossa

      Poliisi tutkii Kainuussa sijaitsevassa Paltamon kunnassa epäiltyä henkirikosta, joka on tapahtunut viime viikon perjanta
      Paltamo
      33
      4217
    3. Olenko joka hetki

      Ajatuksissasi?
      Ikävä
      82
      3372
    4. Jos me voitais puhua

      Jos me voitais puhua tästä, mä sanoisin, että se on vaan tunne ja se menee ohi. Sun ei tarvitse jännittää mua. Mä kyllä
      Ihastuminen
      18
      3006
    5. Jenna meni seksilakkoon

      "Olen oppinut ja elän itse siinä uskossa, että feministiset arvot omaava mies on tosi marginaali. Todennäköisyys, että t
      Maailman menoa
      258
      2120
    6. Joo nyt mä sen tajuan

      Kaipaan sua, ei sitä mikään muuta ja olet oikea❤️ miksi tämän pitää olla niin vaikeaa?
      Ikävä
      88
      2014
    7. Jere, 23, ja Aliisa, 20, aloittavat aamunsa Subutexilla tai rauhoittavilla: "Vaikka mä käytän..."

      Jere, 23, ja Aliisa, 20, ovat pariskunta, joka aloittaa aamunsa Subutexilla tai rauhoittavilla. Jere on ollut koko aikui
      Maailman menoa
      44
      1892
    8. Mikä sinua ja

      kaivattuasi yhdistää ?
      Ikävä
      144
      1819
    9. Olipa ihana rakas

      ❤️🤗😚 Toivottavasti jatkat samalla linjalla ja höpsöttelykin on sallittua, kunhan ei oo loukkaavaa 😉 suloisia unia kau
      Ikävä
      8
      1706
    10. Vain yksi elämä

      Jonka haluaisin jakaa sinun kanssasi. Universumi heitti noppaa ja teki huonon pilan, antoi minun tavata sinut ja rakastu
      Ikävä
      88
      1579
    Aihe