[Vickers213]

mirki nie mogę znaleźć nigdzie rozwiązania prostego problemu... Zrobiłem sobie stronę wg tutoriala, i modyfikuje ja, żeby jakoś wyglądała (jestem bardzo początkujacy, zaczałem tydzien temu), i nie mogę zrobić, by stopka była na dole strony, gdy okno jest wysokie... Nie chcę żeby się stopka trzymała widoku podczas scrollowania, tylko zeby gdy strona nie zajmuje całego okna stopka była na samym dole strony.

http://jsfiddle.net/jghUs/81/

#webdev #frontend #html5 #css #debilpyta

[vossinho2]

@Vickers213: jaki poradnik?

[Vickers213]

@vossinho2: https://www.youtube.com/watch?v=Wm6CUkswsNw +jeszcze nie doszedłem do dodawania responsywności, co pokazuje od 54 minuty

[a.....y]

@Vickers213: próbowałeś {position: fixed; bottom: 0} ?

[zaluszkoto]

@Vickers213: w css do elementu footer dodaj

position: absolute;
bottom: 0;
width: 100%; 

tutaj masz przykład: http://jsfiddle.net/jghUs/83/

[Vickers213]

@awangardowy: @zaluszkoto:
position: fixed;
bottom: 0;
width: 100%;

działa dobrze, dzięki (ʘ‿ʘ)

[MQs]

Nie chcę żeby się stopka trzymała widoku podczas scrollowania

@Vickers213: Właśnie position: fixed; ci przyklei stopkę na stałe - dłuższa treść jej nie odepchnie. Na rozciągnięcie strony dla krótkiej treści jest kilka metod - np. jeśli znasz wysokość stopki można tak: http://jsfiddle.net/nhpf0txh/ (musisz ustawić padding-bottom dla body żeby stopka nie zasłaniała treści).
Dla dynamicznej wysokości stopki był jakiś trick z display: table;

[Rst00]

@Vickers213: szukaj pod hasłem sticky footer

[Vickers213]

@MQs: http://codepen.io/thebeckyhamm/pen/yIEaj to mi nie działa

[michalkortas]

@Vickers213: Kilka sposobów z mojego bloga: http://webroad.pl/html5-css3/508-sticky-footer