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!
Divit skaalautumaan sisällön mukaan
miten?
2
334
Vastaukset
- jajta
http://www.snook.ca/technical/div_tables/ ja http://www.quirksmode.org/css/display.html
Jos taasen haluat valtaselaimellakin toimivan niin helpoin tuo on tehdä ihan kolmipalstasella taulukolla. - 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
Vuonna 2026 jää entistä vähemmän rahaa käteen palkansaajille
Työttömyysvakuutusmaksu nousee 0,3 prosenttia. Työeläkemaksu nousee 7,15 prosentista 7,3 prosenttiin. Työmarkkinajärjest1257307Suomen kansa puhunut: Purra huonoimpia ministereitä
Kouluarvosanalla 6–, eli samaa tasoa mitä Purran oikeakin koulutodistus. Epäpätevyys on tullut huomattua Suomen talouden5135470Mitä aiot tehdä uudenvuoden aattona
Mitä olet suunnitellut tekeväsi uudenvuoden aattona ja aiotko ensi vuonna tehdä jotain muutoksia tai uudenvuoden lupauks1513375Joulun ruokajonoissa entistä enemmän avuntarvitsijoita - Mitä ajatuksia tämä herättää?
Räppärit Mikael Gabriel, VilleGalle ja Jare Brand jakoivat ruokaa ja pehmeitäkin paketteja vähävaraisille jouluaattoa ed2162671Marin sitä, Marin tätä, yhyy yhyy, persut jaksaa vollottaa
On nuo persut kyllä surkeaa porukkaa. Edelleen itkevät jonkun Marinin perään, vaikka itse ovat tuhonneet Suomen kansan t512372Varsinainen vetonaula tämä Pyhäjärven keskustelupalsta
Lisää kummasti muuttohaluja, kun lukee tätä foorumia. Tosin väärään suuntaan. Marraskuuhun mennessä tämä vähäinenkin vä681308Pituuden mittaaminen
Ihmisen pituuden mittaaminen ja puolikkaat senttimetrit. Kuuluuko ne puolikkaatkin sentit tai millit teistä ilmoittaa m431292En tiedä enää
Pitäiskö mun koittaa vältellä sua vai mitä? Oon välillä ollut hieman mustasukkainen, myönnän. En ymmärrä miksi en saa su771272Muistattekos kuinka persujen Salainen Akentti kävi Putinin leirillä
Hakemassa jamesbondimaista vakoiluoppia paikan päällä Venäjällä? Siitä ei edes Suomea suojeleva viranomainen saanut puhu111179- 1111153