Ambiera ForumDiscussions, Help and Support. |
|
|
|||||
|
Can anyone help me here? Problem: I have a page with a fixed header and a normal footer. The footer should always stay at the bottom of the page, regardless of whether the main content is short or long. Current behavior: With short content, the footer “floats” somewhere in the middle. Only when there is enough content does it move down and become visible when scrolling. Important: The main area (middle container) can exceed one screen height – it can grow as much as needed. The only goal is that the footer always remains at the bottom of the page, without being sticky or fixed. Question: How should I adjust the middle container so that the footer always stays at the bottom, regardless of the content height? |
||||
|
The simplest way to do this is to force your content container which is on top of the footer to be at least as large as the screen height (or a bit lower than that). Do it like this: Right-Click your content container, select "HTML Code..." -> "Additional CSS Styles" and enter this: min-height: calc(100vh - 100px); Adjust the "100px" to be a value fitting for you, like how large the header and footer together are in height. Then it should work. |
||||
|
|
){kind=link}