Poslao: 07 Feb 2016 15:06
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Postovanje, kako da postavim footer na dnu stranice a da nije position:fixed; Ako tako uradim postavljen je na dnu ali sa dodavanjem sadrzaja na stranici on je fiksiran pa izgleda ruzno i smeta
.footer-master{
position:fixed;
bottom:0px;
background:#999;
width: 100%;
}
Home ima sadrzaj i to je ok. Slika prikazuje about, ili contact koje su trenutno prazne. Ako dodam malo teksta spusti se ali to nije to Ako ga fiksiram onda je na dnu, ali ako dodam redom tekst on je footer fiksiran a ostali se skroluje pa je ruzno
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
Poslao: 07 Feb 2016 15:42
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Reseno
.footer-master{
position:absolute;
background:#999;
width: 100%;
bottom: 0px;
}
dodato
position:absolute;
bottom: 0px;
Videcemo kako se ponasa, ako ima neko da doda nesto, hvala, pozdrav
|
|
|
|
Poslao: 07 Feb 2016 16:39
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3745
- Gde živiš: 127.0.0.1
|
Treba ti i "footer-pusher", tj element koji ce da "odmakne" sadrzaj od donje ivice onoliko koliko je visina footera, da se ne bi preklapali.
|
|
|
|
Poslao: 07 Feb 2016 16:42
|
offline
- Pridružio: 02 Apr 2006
- Poruke: 43
|
pokusaj sa position:static; umesto position:fixed;
U svakom slucaju nista od toga nije potrebno ako ti footer prati normalni flow layout-a..
Ako imas
<header></header>
<section> Sec 1</section>
<section> Sec 2 </section>
<footer> </footer> On ce svakako biti po defaultu na dnu
Konkretni efekat i poziciju koju zelis da ima u sustini zavise od ideje koju imas... Mislim da ne mogu bas da po'vatam iz pitanja sta konkretno zelis da postignes
|
|
|
|
Poslao: 07 Feb 2016 18:49
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3745
- Gde živiš: 127.0.0.1
|
Position: static je default za sve elemente, tako da eksplicitno definisanje nece promeniti ama bas nista.
Ono sto dejnik978 hoce da postigne je (bar bih ja tako rekao) da se footer uvek nalazi na dnu browsera, cak i kad nema dovoljno elemenata da "razvuce" visinu do kraja. Takozvani "sticky" footer.
Odnosno, ovako nesto: https://jsfiddle.net/wLcxm5ut/
|
|
|
|
|
Poslao: 07 Feb 2016 19:40
|
offline
- dejnik978
- Zaslužni građanin
- Pridružio: 25 Mar 2015
- Poruke: 548
|
Hvala Rastafarii, sparkyvr reseno samo sam dodao i width;100%; sada je ok, pozdrav
html, body {
position: relative;
min-height: 100%;
margin: 0;
}
html {
height: 100%;
}
.footer-master{
position: absolute;
bottom: 0;
background:#157260;
color: white;
padding: 5px 10px;
width: 100%;
}
section {
padding: 5px 10px 51px 10px;
}
|
|
|
|
|