Problem with Overflows - Content should move the section below according to its height

Design help General
1

Hi everyone,

I am having problems with some content overflowing and not moving the section below. I have not been able to fix this, although I do not understand why not. It does not really look too complicated, but somehow I must have an issue thinking properly ;-(

Please check my read only link. On the home page right at the bottom I am having the issue. In the section ‘sec Weingut des Monats’ I have a cms collection featuring the winery of the month. The description-text-length of the wineries is very much differing from each other - some only a couple of lines text, some have really many lines of text.

Depending on the length, the section below (‘Footer’) should move down accordingly. Currently it is overflown by the content from above.

Where am I going wrong?

Many thanks for taking a look and kind regards from Bremen, Germany,

Holger

Here is my site Read-Only: https://preview.webflow.com/preview/capewinebestwine?utm_medium=preview_link&utm_source=designer&utm_content=capewinebestwine&preview=cde51ff49691b2364ab30f0821b974b5&mode=preview

2

Your div WgdM Content Wrapper should not be set to absolute. This causes the overflow.

3

Good morning, Alex.

Thanks for your reply. I did try that, but I am still unable to position the ‘div WgdM Content Wrapper’ in such a way as it is now. It should start in the lower part of the parent div (‘div WgdM Overlay’) to still show the picture, but should move the following ‘Footer’ down.

I still don’t understand why I don’t get this working :frowning:

Thanks!

4

Why are you using background image on that section thought? Just put in regular image so that it will be in the flow of objects and you won’t have to manually adjust other elements positions to reveal it.

5

… You never stop learning …

Thanks, that worked! :+1:t2:

1 Like