In addition to valuable content, websites of small businesses usually also contain a footer, which is displayed below the page content.

In the footer, visitors often find important central information, such as a link to imprint / privacy policy or the address / opening hours of the company. It is also important to mark the end of the website and to provide further interaction possibilities. In particular, the SEO ranking can be improved by integrating links (see absolute.digital/magazine/the-importance-of-a-website-footer/).

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.