Innehållskollaps
Kort förklaring
Du har säkert sett det tidigare - en sida där footern plötsligt dyker upp mitt i sidan, som om den inte längre är fäst vid botten. Det ser inte alls vidare bra ut och trots att allt tekniskt sett fungerar ger layouten ett oprofessionellt intryck.
Detta uppstår när sidan inte har tillräckligt med innehåll för att fylla hela viewportens höjd. Layouten saknar tidigare innehåll att "stötta" sig mot, och footern hamnar därför direkt efter senaste innehåll - ett exempel på vad som ibland kallas innehållskollaps.
Den mest direkta lösningen är att ge sidan en minsta höjd på 100% av viewporten och se till att footern alltid placeras sist i flödet. Då hålls footern på sin plats, oavsett hur lite innehåll sidan har.
Exempel (Desktop)
- Hem
- /
- Nu är du utloggad