Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    Ongelma footerissa

    Hei kaikki.

    Minulla on footerissa (koodi alempana) seuraavanlainen ongelma:
    Haluaisin sen sijoittuvan ruudun alalaitaan koko ruudun leveydeltä ja tähän tarkoitukseen se toimiikin hyvin. Ongelma kuitenkin tulee jos pienennän selainikkunaa, tällöin footeri alkaa mennä itse varsinaisen sisällön päälle.... Osaisiko kukaan auttaa tässä ongelmassa? Kiitoksia paljon jo etukäteen.





    Esimerkkisivu










    Logo



    Sivun otsikko


    Esimerkkitekstia esimerkkitekstia esimerkkitekstia





    Koko selainruudun levyinen footer täällä
    3499
    Äänestä

    Muut lukivat myös

    Vastaukset 3

    Vanhimmat

    sinun koodit täällä kun tuo suoli24 blokkaa niitä... Laita vaan linkki sinne sivuillesi niin tutkitaan lisää ja päästään auttamaan...

    :)

    Äänestä

    Tällainen eri selaimissakin hyvin toimiva ratkaisu löytyy täältä: http://www.cssstickyfooter.com/

    /*

    #footer {position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;}

    */

    Ongelmasi ydin oli se, että absoluuttinen sijoittelu toimii aina suhteessa selaimen ikkunaan (viewport), jos sitä ei ole sijoitettu asemoidun elementin sisään, niinkuin sinulla oli. Eli sivullasi absoluutinen sijoittelu sinänsä toimi ihan niin kuin pitikin. Footerisi vain aiheutti ongelmia käytettävyydelle tulemalla sivusi sisällön päälle...

    Sticky footerin näppärä ratkaisu hoitaa käsittääkseni ongelmasi... :)

    Äänestä

    Odottaa vastausta

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

    Luetuimmat keskustelut

    Kommentoi aloitusta

    css-probleema kirjoitti:

    Hei kaikki.

    Minulla on footerissa (koodi alempana) seuraavanlainen ongelma:
    Haluaisin sen sijoittuvan ruudun alalaitaan koko ruudun leveydeltä ja tähän tarkoitukseen se toimiikin hyvin. Ongelma kuitenkin tulee jos pienennän selainikkunaa, tällöin footeri alkaa mennä itse varsinaisen sisällön päälle.... Osaisiko kukaan auttaa tässä ongelmassa? Kiitoksia paljon jo etukäteen.





    Esimerkkisivu










    Logo



    Sivun otsikko


    Esimerkkitekstia esimerkkitekstia esimerkkitekstia





    Koko selainruudun levyinen footer täällä

    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