Autor | Zpráva | ||
---|---|---|---|
XolyCZ Profil |
#1 · Zasláno: 26. 9. 2018, 19:05:42
Ahoj, potřebuju poradit, jak na mojich stránkách udělat footer přilepený na konci displeje, pokud je ta stránka krátká a neobsáhne celou plochu. Díval jsem se různě jak se to dělá, někde pomocí flex-boxu, někde pomocí negativních marginů a tak. Vždycky to ale nedělalo úplně přesně to co mělo. Nejlépe mi fungoval ale ten flex-box, kdy ten footer byl fakt přilepený dole i když jsem stránku natáhl přes responzivní design v Mozille. Akorát tím, že obsah stránky zobrazovalý jako flexibilní, rozhodilo mi to všechny šířky výšky různých částí. Věděl by někdo prosím, jak to zakomponovat do mojí stránky? Já jsem to tak trochu nahrazoval zvětšováním výšky
main u, ale to není úplně dobrá metoda. Schválně jsem teď všechny ty minimální výšky vyhodil, aby to bylo jednodušší na udělání. Předem díky, odkaz je zde: www.forthewin.cz/test2/index.php?str=uvod
|
||
Mlocik97m Profil * |
XolyCZ:
min-height: calc(100% - [veľkosť päty])? aplikovať na obsahovy element nejde? Mlocik97m: lepšie riešenie je flexbox či grid |
||
XolyCZ Profil |
Mlocik97m:
Teď jsem to zkusil ještě znova a nenatáhne se to. Body je na celou výšku, ale wrapper zůstane takový jaký je, nevím proč. Nefunguje to ani když tam dám calc(100vh - 120px); |
||
DarkMeni Profil |
#4 · Zasláno: 26. 9. 2018, 20:14:08
#wrapper { ... ; min-height: 100%; position: relative; ... } footer { position: absolute; bottom: 0 } #footer_push { height: 120px; } |
||
XolyCZ Profil |
#5 · Zasláno: 26. 9. 2018, 20:25:44
DarkMeni:
Díky moc, funguje to dobře. Margin jsem dal na #footer_push, takže ta pozice je stejná. Super :) |
||
Časová prodleva: 6 let
|
0