[CSS] Stopka na dole strony Opcje

[matwiej]

Mam taki kod do umieszczenia stopki zawsze na dole strony

[HTML] pobierz, plaintext 
bottom: 0px; 
position: absolute; 
[HTML] pobierz, plaintext 

Sprawdza się idealnie ale niestety przy mniejszych rozdzielczościach stopka wchodzi na resztę treść strony.
Czy istnieje możliwość by zapowiedz temu?

[b4rt3kk]

Dodaj margines dolny na wysokość stopki do ostatniego elementu przed nią. Np.

[HTML] pobierz, plaintext 
<style>
.contentBox {
  margin-bottom: 120px;
}
 
.footer {
height: 100px;
}
</style>
 
<div class="contentBox"></div>
<div class="footer"></div>
[HTML] pobierz, plaintext 

dałem troszkę więcej, żeby był jakiś ładny odstęp.

[matwiej]

Ale w przykładzie którym przedstawiłeś stopka zawsze jest na pozycji : (długość strony + 120px) a mi chodzi aby była na dole ponieważ jest mało treści. I w kodzie który przedstawiłem właśnie tak to działa. Jednak oglądając stronę np na netbooku stopka wchodzi na elementy strony. Chciałbym po prostu aby przy pewnej wielkości stopka nie była przypięta do dolnej krawędzi przeglądarki tylko została przed kontenerem za którym jest zadeklarowana.

[b4rt3kk]

Przedstaw większy fragment kodu, bo nie rozumiem teraz o co chodzi za bardzo.

[fate]

ja kiedys testowalem to
http://peterned.home.xs4all.nl/examples/csslayout1.html
i to:
http://www.cssstickyfooter.com/using-sticky-footer-code.html

Szukaj pod hasłem " sticky footer "

Ten post edytował fate 20.10.2012, 12:34:49

[Szymciosek]

http://adorr.net/2010/03/absolutestickyflo...and-footer.html

Tylko w Twoim przypadku z tego co rozumiem, to nie przyklejaj stopki do dołu ekranu tylko zrób sobie container, który będzie symulował to wszystko i wtedy w zależności od ilości treści, stopka zawsze będzie pod spodem.