Jak zrobić stopkę która będzie zawsze na dole?
Używając klasy fixed bottom da się to zrobić, ale stopka jest wtedy widoczna cały czas, nawet jeśli nie jestem na końcu strony.
Bootstrap stopka zawsze na dole
- Rejestracja: dni
- Ostatnio: dni
- Postów: 259
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Warszawa
- Postów: 2255
Nie dawaj w takim razie tej klasy i normalnie umieść kod na końcu strony? Nie wiem dokładnie z czym masz problem
- Rejestracja: dni
- Ostatnio: dni
- Postów: 259
Patrz screena, tam gdzie jest czerwona strzałka jest dopiero koniec strony.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 989
Chodzi tu o Sticky Footer.
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: UK
- Postów: 2235
Nie mam teraz dostępu do kompa więc nie mogę tego zweryfikować, ale sprobuj ustawić HTML lub body height na 100%. Następnie ustaw position footera na absolute I bottom 0. To powinno działać, a jak nie to poeksperymentuj.
- Rejestracja: dni
- Ostatnio: dni
- Postów: 3394
użyj:
position: absolute;
bottom: 0px;
Przy czym pozycja będzie tu liczona względem krawędzi BODY albo pierwszego elementu nadrzędnego który ma position inne niż (domyślne) static.
http://webkod.pl/kurs-css/wlasciwosci/wszystkie/position#absolute
https://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute
- Rejestracja: dni
- Ostatnio: dni
- Lokalizacja: Warszawa
- Postów: 68
@Aventus dał dobre rozwiązanie. Może warto mieć całą stronę w jakimś wrapperze, wrapper zrobić na relative i min-height: 100%;. Stopkę dajesz we wrapperze, na position: absolute i bottom: 0; Na koniec możesz dać jeszcze bottom padding (wysokość stopki) dla wrappera aby stopka nie wchodziła na treść strony.
Chociaż na flexach było by łatwiej ^^