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

838

    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. Paras olisi vain unohtaa

      Tuleekohan tähän meidän tilanteeseen ikinä mitään selvyyttä. Epätoivo iskee taas, enkä jaksaisi enää odottaa. Kohta lop
      Ikävä
      81
      1860
    2. Suomalaisia naisia lennätetään seksimatkoille

      https://www.iltalehti.fi/kotimaa/a/1f5f5e20-8c36-4907-9640-8e0c3b017c5a Gambia on jo vuosia ollut yhtä kuin munanhaku ma
      Maailman menoa
      240
      1709
    3. Voisitko laittaa

      Nimesi ensimmäisen ja kaksi viimeistä kirjainta tähän?
      Ikävä
      92
      1542
    4. Mietitikö nainen koskaan

      Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.
      Ikävä
      108
      1351
    5. Nämä kaikki alla olevat aloitukset on saman naisen aloituksia

      Kuinka paljon täytyy vintissä viheltää että esiintyy välillä jopa miehenä, ja sitten itse vastailee omiin kysymyksiinsä?
      Ikävä
      166
      1118
    6. huono omatunto

      johtuu siitä, että minulla on tunteita sinua kohtaan. Se vaikuttaa asiaan. Kaipasin sinua tänäänkin.
      Ikävä
      64
      1083
    7. Päätin juuri että

      En odota että meidän välillä enää tapahtuisi mitään. Tämä on aivan liian monimutkaista ja kyllä sinäkin olisit joskus mi
      Ikävä
      32
      932
    8. Onnistuit sohaisemaan mua

      Kaikkein herkimpään kohtaan ja kyseenalaistamaan mun luottamuksellisuuden. Kun sitä ei ole niin ei ole mitään muutakaan
      Ikävä
      62
      926
    9. Huomenna se

      Tulee kohta, odotatko?
      Ikävä
      61
      866
    10. Mitä kaipaat

      Usein elämässäsi
      Ikävä
      97
      850
    Aihe