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ä
Ongelma footerissa
3
484
Vastaukset
- 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-probleemaan
Pitihän siinä sitten vielä noinkin käydä...
Tässä linkkiä:
http://harkkasivusto.site11.com/testisivu.htm
- 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
Kelekkakisat
Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.2110835- 408077
- 1235211
- 693538
- 1123538
Virkamiehille tarvitaan tuntuvat palkankorotukset
Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi323492- 613380
- 333137
- 532464
Olisipa saanut sinuun
Tutustua paremmin. Harmi että aloin lopulta jännittämään kun näytit tunteesi niin voimakkaasti ja lähestyit niin voimaak341966