Yritän saada tuota alatunnistetta pysymään alhaalla, mutta ei onnistu. Suurella näytöllä homma pelaa, mutta pienemmällä näytöllä jolloin koko sisältö ei mahdu näytölle ja olisi skrollattavaa, alatunniste tulee tekstin päälle.
Tällä olen yrittänyt:
.footer
{
position:fixed;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
bottom:0;
height:17px;
}
position:absolute ei myöskään toimi.
Miten ihmeessä saisin siis tuon alapalkin pysymään alhaalla jos sivulla ei ole sisältöä, mutta niin ettei se jäisi tekstin päälle jos koko sisältö ei mahdu kerralla näytölle? Nyt se ikäänkuin leijuu tekstin ja kuvien päällä.
Footer ei pysy alhaalla
idiootti2
2
312
Vastaukset
Ei näy muuta tietoa joka voi myös olla oleellista.
Tuossa vastaava esimerkki, josta todennäköisesti apua ongelmaan
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
Tuossa container min-height laitettu 100% jolloin alue on aina sama eikä jäljempänä olevat divit hypi sen mukaan.- css-man
{
position:fixed; = asettuu kiinteästi haluttuun paikkaan, eikä scrollaudu, absolute scrollautuu.
left:0;
right:0;
margin-left:auto;
margin-right:auto;
bottom:0; = asettaa alareunaan
height:17px;
}
Eli tuolla konstilla et saa niin, että "tyhjällä ruudulla" footer olisi näytön alareunassa ja siirtyisi alemmaksi yllä olevan sisällön mukaan.
Katso jos tuolta löytyisi apuja: http://www.tutwow.com/htmlcss/quick-tip-css-100-height/
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 991136
- 55752
Huonoja uutisia-nyt lähtee höyrylaivat
https://www.ita-savo.fi/ Konkurssiin meni tämäkin yritys. Raja kiinni ja venäläiset turistit puuttuvat. Täällä menee pe36646Ei näytä hyvältä
Kyllä nyt Ähtäriä viedään vesikelkalla. Neuvotteliat untuvikkoja kaikki. Mikko tietty tapansa mukaan loikki puheenjohtaj39556Älä itke rakas.
Tunnen sun kyyneleet silmissäni. Kaikki tulee menemään hyvin. Loppu häämöttää jo...49510Jos vielä toivot...mies...
Saisinpa jonkun merkin sinulta, jos vielä odotat 📝➡️📱 Rohkeus on mennyt jos seurustelet vaikka nykyisin. En halua häi48502- 32500
- 42462
- 34457
Olet hurmaava
Olet paras mies, joka on tullut vastaan. Sinussa on jotakin, mitä muissa ei ole. En vaan tiedä, mikä on oikein sinun su14451