Bootstrap stopka zawsze na dole

Bootstrap stopka zawsze na dole
CodeRZ
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 259
0

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.

axelbest
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 2255
0

Nie dawaj w takim razie tej klasy i normalnie umieść kod na końcu strony? Nie wiem dokładnie z czym masz problem

CodeRZ
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 259
0

Patrz screena, tam gdzie jest czerwona strzałka jest dopiero koniec strony.

AN
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 989
Aventus
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: UK
  • Postów: 2235
0

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.

Freja Draco
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 3394
0

użyj:

Kopiuj
  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

Garen_eye
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Warszawa
  • Postów: 68
0

@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 ^^

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.