Footer - dinamicke stranice- kako da ga adekvatno postavim?

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

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.

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

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

• 1Ovo se svidja korisniku: dejnik978
  
  Registruj se da bi pohvalio/la poruku!

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/

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Tako je rastafari, ovako izgleda sa absolute i static, sad cu da probam tzv sticky
Absolute




Static

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

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; }

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Ocigledno sam pogresno razumeo pitanje