Good looks despite little content: The "Sticky Footer"
Good looks despite little content: The "Sticky Footer"by Daniel Flesch
In addition to valuable content, websites of small businesses usually also contain a footer, which is displayed below the page content.
On websites that are filled with sufficient content, the visitor usually has to scroll to the end to reach the footer. However, as soon as a page contains little content, the footer "slides" further up and is displayed in the middle of the web page. The resulting free space creates an unattractive overall appearance of the website.
The following example graphics should illustrate this:
To prevent this, website operators often try to insert placeholders or blank lines in the content area. However, these usually also lead to unwanted display errors, especially since there are many different output formats in a responsive context.
A website operator should - regardless of the amount of content - be sure that his pages always look nice.
For this reason, there is a function named "Sticky Footer". Embedded in the design template of the website, it ensures that the content area is always stretched so far down that the footer is at the bottom of the page. This gives the website a clean overall picture in terms of usability, seriousness and design - on all output devices.
The function is implemented using the CSS property ‘Flexbox’, which is supported by all current browsers, mobile and desktop. Many of our existing CM4all design templates already include the "Sticky Footer" feature, and it is an integral part of all new design templates.