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

968

    Vastaukset 9

    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. Miksi vanhusraiskaajaa ei ole palautettu?

      Ukkola kysyy Rantaselta, vaikka perussuomalaiset ovat olleet hallituksessa kolme ja puolivuotta. Rantasen vastaus on "
      Maailman menoa
      356
      1522
    2. Mitä kirjainta kaipaat?

      🤣🤣🤣🤣🤣
      Ikävä
      114
      1216
    3. Onko ikäerolla väliä?

      Mitä mieltä ootte? Meillä on 14 vuotta ikäeroa.
      Ikävä
      117
      1097
    4. Onko sulla rakas mitään sanottavaa?

      Lähetä tässä kaivatullesi haluamasi terveiset 💌
      Ikävä
      116
      861
    5. Katri Helena rikkoi hiljaisuuden dramaattisella uutisella: "Elossa ja ilossa ollaan"

      Katri Helena on sinivalkoinen ääni. Hänen klassikkohittinsä ovat tärkeä osa suomalaista kansanperintöä. Katri veti jääh
      Suomalaiset julkkikset
      22
      857
    6. Uusioperhe vai salasuhde?

      Mitä ensisijaisesti haluat? Pelkään, että menetän järjen sun kanssa 😉
      Ikävä
      111
      822
    7. Otan vielä sut

      Niin on tähtiin kirjoitettu. Nainen, turha on kohtaloa juosta pakoon.
      Ikävä
      40
      478
    8. Mulla on ikävä sua!

      Enemmän kuin ikävä... sun kanssa oli niin helppo olla ja jutella!
      Ikävä
      18
      470
    9. Vaikea löytää samantyylistä miestä

      Nyt on pakko avautua. Onko ketään muuta jonka on yksinkertaisesti todella vaikeaa löytää samanhenkistä kumppania kuin i
      Sinkut
      96
      463
    10. Nainen, tää meidän juttu ei ole ohitse

      Ennen kuin lihava nainen on laulanut.
      Ikävä
      36
      423
    Aihe