Divit skaalautumaan sisällön mukaan

miten?

Olen kysynyt tästä asiasta tällä palstalla jo aiemmin, mutta otanpa asian jälleen puheeksi.

Miten saan div:in taustakuvan ja itse divin skaalautumaan aina vähintään koko näytön korkuiseksi ja sillällön määrän vaatiessa myös kokonäyttöä korkeammaksi?

Olen määrittänyt div:in korkeudeksi 100%, eli siis kokonäytön korkeuden. Noh... Miten saisin sen tuosta suurenemaan sitten kun sisältöä tulee lisää, sitä en tiedä. Taustakuva on määritelty monistamaan itseään pystysuunnassa (repeat-y) mutta sekin katkeaa siihen 100% kohtaan.

Tässä kuvakaappaus ongelmasta:
http://i16.tinypic.com/2jahx8m.png

Jos jätän div:ien korkeuden määrittelemättä, jolloin oletusarvon pitäisi kai olla "auto", menee kaikki perse edellä puuhun. Koitin myös määrittää "min-height: 100%;" ja siihen perään "heigh: auto;", mutta tämäkin vain sotkee koko sivut.

Kyhäämäni koodi on nähtävillä täällä:
http://www.freewebs.com/bbtw-fi/testi%5Fpohja.txt

ja css-tiedosto:
http://www.freewebs.com/bbtw-fi/testi%5Fweb.css

Kiitos vastauksista!

2

308

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • jajta
    • tällänen

      Jos nyt ymmärsin ongelmas oikein niin tässä jotain helpotusta.. Tosin divien avulla heightin määritys 100% sisällön loppues ennen ikkunan alalaitaa on aina ongelmallista. Sun pitää ensinnäkin laittaa noi sun kaikki nykyset divit yhden päädivin sisään. Yleensä tosta käytetään container-nimitystä, vaikka eihän sillä oo välii.. sit laittelet seuraavat jutut css:ään:

      html, body { height: 100%; }
      #container { position: relative; min-height: 100%; }
      * html #container { height: 100%; }

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

    Luetuimmat keskustelut

    1. Mitä siellä ABC on tapahtunut

      Tavallista isompi operaatio näkyy olevan kyseessä.
      Alajärvi
      164
      6558
    2. Kuvaile elämäsi naista

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      53
      1933
    3. Klaukkalan onnettomuus 4.4

      Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes
      Nurmijärvi
      44
      1721
    4. Kuvaile elämäsi miestä

      Millainen hän on? Mikä tekee hänestä sinulle erityisen?
      Ikävä
      54
      1142
    5. Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä

      Mutta tätä ei YLE eikä Helsingin Sanomat kerto.
      Maailman menoa
      344
      1104
    6. Kolari Klaukkala

      Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se
      Nurmijärvi
      50
      1055
    7. Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!

      Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l
      Kesämökki
      13
      1000
    8. Olisinpa jo siellä, otatkohan minut vastaan

      Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni
      Ikävä
      79
      930
    9. Kevyt on olo

      Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <3
      Ikävä
      84
      918
    10. Toivoisin, että lähentyisit kanssani

      Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä
      Ikävä
      14
      907
    Aihe