Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Stopka na dole strony
Forum PHP.pl > Forum > Przedszkole
matwiej
Mam taki kod do umieszczenia stopki zawsze na dole strony
  1. bottom: 0px;
  2. position: absolute;

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.

  1. .contentBox {
  2. margin-bottom: 120px;
  3. }
  4.  
  5. .footer {
  6. height: 100px;
  7. }
  8.  
  9. <div class="contentBox"></div>
  10. <div class="footer"></div>


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 "
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.