Saan venytettyä elementin koko ruudun korkuiseksi, siis koko ruudun. Ongelma tulee, kun pienennän selainikkunaa: Se elementti tosiaankin on sen selainikkunan korkuinen, eikä ylety alas asti kun sisältöä on enemmän mitä ikkunaan mahtuu. Tämän ongelman ratkaisin korvaamalla isäntäelementin height-arvon clear: bothilla ja lisäsin html ja body valitsimiin height: 100%. No, melkein kaikki on hyvin. Ongelmaksi jää vielä se, että jos koko sivun sisältö mahtuu ruudulle, eikä tarvita vierityspalkkia niin isäntäelementti (#dokumentti) ei ylety alas asti, vaan loppuu täsmälleen sen sisällön alapäässä. Miten sen saa venytettyä alas asti, oli se sisältö sitten yli ruudun maksimikorkeuden tai ei?
Arkistoistani pikaiseen löytyi tämmöinen. Eli display: table; osaa hoitaa homman kotiin – paitsi IE7:ssä ja vanhemmissa.
Jätetään IE7 huomioimatta, ja sitä vanhemmat. Eihän niitä kenenkään pitäisi käyttää, kun on Chrome tai edes IE8. :) (Edit. W3Schoolsin mukaan IE8:aan ei tue table-celliä)
Tuo tekee niin kuin haluan, mutta tällöin margin: auto auto #dokumentti-elementissä lakkaa toimimasta. (Edit. Otin #dokumentti:ltä marginin pois ja lisäsin sen bodyyn. Toimii! Meneeköhän validaattorista läpi?)
Onko olemassa jotain toista keinoa tämän ongelman ratkaisemiseksi?
Samaisessa arkistossa on myös tämmöinen sivu. Tutki itse :)
Aihe on jo aika vanha, joten et voi enää vastata siihen.