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

879

    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. Martinan aussikulta, missä?

      Mihin katosi Martina Aitolehden aussikulta kyselee Seiska!
      Kotimaiset julkkisjuorut
      437
      2796
    2. Helena Koivu menettänyt lapsensa. Onko Mikko Koivulla oma laki?

      Voiko olla totta että äidiltä viedään lapset ja ei mitään syytä ole edes kerrottu äidille itselleen.?
      Kotimaiset julkkisjuorut
      230
      2230
    3. Haluaisin sun kanssa yhteisen

      Elämän. Haluun sut.
      Ikävä
      64
      1919
    4. Pikkunaiselle terkkuja

      Olet parasta koko maailmassa! Kaikkein ihmeellisin. Olisitpa täällä. 🧡 harmaasusi
      Ikävä
      326
      1464
    5. Arto Satonen ja kokoomus 2020: Poliittiset virkanimitykset ovat koruptiota

      2025: Kokoomus on junttaamassa Arto Satosta Kelan johtoon ohi pätevämpien hakijoiden. https://www.hs.fi/politiikka/art-
      Maailman menoa
      163
      1287
    6. Voisiko olla jopa niin

      Että kumpikin vähän pelkää totaalista heittäytymistä, koska tiedetään että se olisi menoa sen jälkeen. Samaan aikaan hal
      Ikävä
      74
      1156
    7. Pystyisitkö ottamaan kaivattuasi

      Elämääsi miten pian
      Ikävä
      93
      1097
    8. Varkaita kuhmossa

      Miksi kuhmolaiset ei tee mitään varkaille ja huumehörhöille, teloittaa pitäisi kaikki.
      Kuhmo
      34
      1077
    9. Saara Aalto ja Teemu Roivainen paljastivat yllätysuutisen: "Rakkaus kietoi meidän kohtalomme..."

      Oho! Ex-pari on palannut yhteen musiikin merkeissä. He tekevät Rakkaustarina-nimeä kantavan 20-vuotisjuhlakiertueen syks
      Suomalaiset julkkikset
      12
      1047
    10. K&T: Harvinainen haastattelu: Susanna Laine avaa suhdetta Petri Nygårdiin: "Olin sinkku vuosia..."

      Susanna Laine ei ole kertonut suhteestaan Petri Nygårdiin (Petri Laurila) julkisuudessa juurikaan. Aktiivisesti sosiaali
      Suomalaiset julkkikset
      8
      1017
    Aihe