• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Franz-Josef theme, nieposłuszny footer w themie.

Object Storage Arubacloud
0 głosów
158 wizyt
pytanie zadane 1 września 2017 w HTML i CSS przez Fifeq Nowicjusz (180 p.)

Hej! Mam nietypowy problem. Piszę stronę używajac themu franz-josef i jak na razie wszystko jest w porządku, ale jest jeden kłopot. 

Jeżeli strona jest dostatecznie wypełniona zawartością, to footer zachowuje się okej. Natomiast jeśli np. otworzymy zakładkę "Kontakt" w którym tego tekstu jest mniej, footer wędruje do góry. (inaczej ujmując, footer zaczyna się tam, gdzie kończy się tekst)

Tu strona główna, z oczywistych względów zamazałem to i owo :P (tu wszystko jest okej)

Tu natomiast strona z kontaktem, wygląda już troche gorzej

 

 

Wiecie może jak sobie z tym poradzić bez większego grzebania w kodzie? Robiłem już różne warianty, wrzucałem i wyrzucałem div z footerem do gł. containera itd., - nic. Ciężko jest cokolwiek zmienić, bo dokumentacja do tego theme'u po prostu.. nie istnieje. 

 

Dzięki wielkie za jakąkolwiek pomoc.

 

edit: dodam, że na mniejszych rozdzielczościach wszystko jest okej, gorzej jest tylko z większymi monitorami.

2 odpowiedzi

+1 głos
odpowiedź 1 września 2017 przez Wildee Gaduła (3,380 p.)
edycja 1 września 2017 przez Wildee

Spróbuj tego

html
{
    position: relative;
    min-height: 100%;
}

footer
{	
	position: absolute;
	bottom: 0;
}

body
{
	margin-bottom: 78px; <- tutaj podaj wysokość swojej stopki. Bez tej linijki zawartość strony będzie ci się chować za stopką
}

 

 

0 głosów
odpowiedź 2 września 2017 przez Alex.Ironside Stary wyjadacz (14,900 p.)

Odpowiedz Wildee powinna rozwiazac problem. Ja jedynie postaram sie wyjasnic dlaczego tak sie dzieje.

Element html domyslnie bierze jedynie taka wysokosc jakiej potrzebuje. Jezeli tresc jest "krotsza" niz sama wysokosc ekranu to strona nie rozwinie sie na cala wysokosc, tylko na spokojnie rozwinie sie tylko na tyle ile potrzebuje. Rozwiazan tego problemu jest kilka. Mozesz zrobic to co zaproponowal wlasnie Wildee, badz np

footer{
position: fixed;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

Dzialac bedzie ale nie zawdze chcemy miec stopke przyklejona do spodu strony, zwlaszcza na mobilnych (no ale mozna je wykluczyc przy pomocy @media)

I nie pisz "Jeżeli strona jest dostatecznie wypełniona zawartością, to footer zachowuje się okej".

Kod zawsze robi to co mu kazesz. Po prostu my czasem nie wiemy jak mu to wyjasnic ;)

Podobne pytania

0 głosów
0 odpowiedzi 33 wizyt
0 głosów
0 odpowiedzi 153 wizyt
0 głosów
1 odpowiedź 225 wizyt
pytanie zadane 24 lipca 2017 w Systemy operacyjne, programy przez Filip31411 Dyskutant (8,820 p.)

92,576 zapytań

141,426 odpowiedzi

319,652 komentarzy

61,961 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...