Ongelma footerissa

css-probleema

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ä

3

497

    Vastaukset 3

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • hölöttäjä222

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

      :)

    • Css freak

      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... :)

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

    Luetuimmat keskustelut

    1. Olivia Oras

      "Yle MOT:n tietojen mukaan Oras oli joutunut sairaalahoitoon helsinkiläisellä kauneusklinikalla tehdyn rasvaimun yhteyde
      Kotimaiset julkkisjuorut
      95
      1428
    2. Koska muru nähdään

      Kaksin?
      Ikävä
      47
      921
    3. Sanoppa ihan rohkeasti

      Mun huonot puolet! En suutu…
      Ikävä
      101
      911
    4. MOT: Nuoren Olivia Oraksen, 27 surullinen kuolema kauneusoperaatiossa :(

      MOT:n tietojen mukaan Oras menetti tajuntansa rasvaimua edeltäneessä puudutuksessa. Hänet kuljetettiin Husiin, ja hän ku
      Maailman menoa
      86
      835
    5. Haluatko että unohdan sinut kokonaan

      Siihen suuntaan ollaan menossa, nyt jo. Ja ehkä parempi näin, niin ei kulu energiaa hukkaan mahdottomuuteen. Ja vaikka j
      Ikävä
      57
      747
    6. Pelkäätkö häntä?

      👍
      Ikävä
      64
      612
    7. Minä vuonna kaivittusi on syntynyt?

      Vastausta tässä kaivataan.
      Ikävä
      42
      601
    8. Ylen typerät rinnastukset.

      Näin YLE…..Saksassa ei ole äärioikeisto ollut vallassa sitten Hitlerin . YLEn toimittajille tiedoksi . Hitler oli Saksan
      Maailman menoa
      191
      579
    9. Olit mulle tärkeä...

      😭
      Ikävä
      34
      577
    10. 48
      547
    Aihe