NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!
Avatar
Erik Bystroň
Člen
Avatar
Erik Bystroň:16.11.2017 20:20

Ahoj, chci se zeptat, jak udělat, aby byl footer bez bílých okrajů a vždy až dole na stránce, nastavím tomu right, left a bottom na 0 a problem je v position tam musím dát absolute jinak to není dotáhnute až ke stranám, a když to takto nastavím tak je to sice bez bílých mezer, ale hodí se mi to do polovičky stránky, jsem spíše back end a cssko jsem neviděl už pěkně dlouho, takže kdyby mi někdo pomohl byl bych mu velice vděčný :-)

 
Odpovědět
16.11.2017 20:20
Avatar
David Dostal
Tvůrce
Avatar
Odpovídá na Erik Bystroň
David Dostal:16.11.2017 21:13

Záleží na tom, jak to máš udělané, ale pokud chceš, aby něco mělo minimálně výšku obrazovky můžeš tomu nastavit

min-height: 100vh

Vh je zkratka pro "viewport height" a 100vh tedy znamená 100 % z výšky okna.

Nezkoušel jsem to, ale footer můžeš napozicovat asi takto:

  • Absolutně napozicovat footer dolů na stránce.
  • Stránce dát dolní padding o výšce footeru - aby footer nepřekrýval obsah, protože je absolutní.
  • Stránce dát min-height: 100vh.
 
Nahoru Odpovědět
16.11.2017 21:13
Avatar
David Dostal
Tvůrce
Avatar
Odpovídá na Erik Bystroň
David Dostal:16.11.2017 21:14

// Netuším, proč se to odeslalo dvakrát, tento příspěvek se může smazat.

Editováno 16.11.2017 21:15
 
Nahoru Odpovědět
16.11.2017 21:14
Avatar
Honza Bittner
Tvůrce
Avatar
Honza Bittner:17.11.2017 0:20

Zrovna jsem posílal řešení snad na obdobné téma do jiného vlákna, takže se ocituji:

Pokud chceš footer vždy dole, ale při větším obsahu ho zobrazit až po scrollu až dolu, tak https://jsfiddle.net/8abawwyk/

Pokud chceš mít footer viditelný vždy dole, tj. aby obsah scrolloval sám o sobě, tak změníš jen u .content flex z flex: 1 0 auto; na flex: 1 1 auto;, viz https://jsfiddle.net/8abawwyk/1/

Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
17.11.2017 0:20
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Avatar
Erik Bystroň
Člen
Avatar
Erik Bystroň:17.11.2017 6:37

Díky, za rady zkusím to :-)

 
Nahoru Odpovědět
17.11.2017 6:37
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.