Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    CSS sivu ongelma + kysymys

    http://www.kuvamaja.com/p/KUVAKUVA_png

    html,body {
    margin:0;
    padding:0;
    height:100%;
    }


    div#sivu {
    position:relative;
    margin:0 auto;
    width:1000px;
    height:auto !important;
    height:100%;
    min-height:100%;
    }

    div#sisalto {
    margin-top:40px;
    padding:0.3em 1em 3em;
    }

    div#footer {
    position:absolute;
    width:100%;
    bottom:0;
    }

    Ongelmana on, että haluaisin tuon sisällön venyvän tuohon footeriin asti, joka on aina sivun pohjalla. Jos lisään tekstiä sinne, niin kyllä se sitten menee alas ja lopulta työntää myös footeria alas, niin kuin pitääkin.

    Ja sitten vielä kysymys, että miten saisin tuolle sisällölle hienot reunat, siis jokaiselle reunalle (ja kulmalle) jotain kuvaa? Eikai tarvitse alkaa vääntämään jotain reuna, kulma, katto ja pohja divejä tuonne sisältöön?
    3506
    Äänestä

    Muut lukivat myös

    Vastaukset 3

    Vanhimmat

    ei kai koodiin tarvitse aina merkitä
    div#jotakin...

    riittänee #jotakin

    ja html koodissa sitten
    div id="jotakin"

    Mutta jos toimii niin ok....

    Äänestä

    • Juu, oli tuokin kiva tietää/muistaa, vaikkei valitettavasti autakaan nyt ongelmassani. Kiitos kuitenkin.

      Tämä on joskus vain niin käsittämätöntä. Ensin sisältö venyi footeriin asti. Lisäsin vain taustakuvan/värin jne.

      Äänestä

    esim... { ...repeat-y top center; } ja siihen päälle asemoit divit sisällölle. Jos sitten haluat tehdä sivun erilaisen leveyssuunnassa skaalautuvan ylä- tai alaosataustan, käytä siihen diviä ... esim... { ...repeat-x top center; } ja sen päälle asemoit diveillä logon, kuvat, navigoinnin jne...

    Äänestä

    Odottaa vastausta

    Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.

    Luetuimmat keskustelut

    Kommentoi aloitusta

    ABCDEFG... kirjoitti:

    http://www.kuvamaja.com/p/KUVAKUVA_png

    html,body {
    margin:0;
    padding:0;
    height:100%;
    }


    div#sivu {
    position:relative;
    margin:0 auto;
    width:1000px;
    height:auto !important;
    height:100%;
    min-height:100%;
    }

    div#sisalto {
    margin-top:40px;
    padding:0.3em 1em 3em;
    }

    div#footer {
    position:absolute;
    width:100%;
    bottom:0;
    }

    Ongelmana on, että haluaisin tuon sisällön venyvän tuohon footeriin asti, joka on aina sivun pohjalla. Jos lisään tekstiä sinne, niin kyllä se sitten menee alas ja lopulta työntää myös footeria alas, niin kuin pitääkin.

    Ja sitten vielä kysymys, että miten saisin tuolle sisällölle hienot reunat, siis jokaiselle reunalle (ja kulmalle) jotain kuvaa? Eikai tarvitse alkaa vääntämään jotain reuna, kulma, katto ja pohja divejä tuonne sisältöön?

    Anonyymi
    5000

    Ilmoita asiaton sisältö

    • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

    • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

    • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

    • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

    • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

    • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

    Jaa keskustelu