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

889

    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. Hengenvaaralliset kiihdytysajot päättyivät karmealla tavalla, kilpailija kuoli

      Onnettomuudesta on aloitettu selvitys. Tapahtuma keskeytettiin onnettomuuteen. Tapahtumaa tutkitaan paikan päällä yhtei
      Kauhava
      180
      6567
    2. Ootko rakastunut?

      Kerro pois nyt
      Ikävä
      148
      1814
    3. Onhan sulla nainen parempi mieli

      Nyt? Ainakin toivon niin.
      Ikävä
      113
      1588
    4. Ujosteletko tosissaan vai mitä oikeen

      Himmailet???? Mitä pelkäät?????
      Ikävä
      51
      1310
    5. Suureksi onneksesi on myönnettävä

      Että olen nyt sitten mennyt rakastumaan sinuun. Ei tässä mitään, olen kärsivällinen ❤️
      Ikävä
      47
      1019
    6. Möykkähulluus vaati kuolonuhrin

      Nuori elämä menettiin täysin turhaan tällä järjettömyydellä! Toivottavasti näitä ei enää koskaan nähdä Kauhavalla! 😢
      Kauhava
      40
      973
    7. Älä mies pidä mua pettäjänä

      En petä ketään. Älä mies ajattele niin. Anteeksi että ihastuin suhun varattuna. Pettänyt en ole koskaan ketään vaikka hu
      Ikävä
      98
      942
    8. Reeniähororeeniä

      Helvetillisen vaikeaa työskennellä hoitajana,kun ei kestä silmissään yhtään läskiä. Saati hoitaa sellaista. Mitä tehdä?
      Kouvola
      5
      869
    9. Tarvitsemme lisää maahanmuuttoa.

      Väestö eläköityy, eli tarvitsemme lisää tekeviä käsiä ja veronmaksajia. Ainut ratkaisu löytyy maahanmuutosta. Nimenomaan
      Maailman menoa
      243
      853
    10. Kävit nainen näemmä mun

      Facessa katsomassa....
      Ikävä
      41
      819
    Aihe