/    Sign up×
Community /Pin to ProfileBookmark

Dynamic content – Div height not adapting

Hi all,

my first most on this forum, woohoo!

I have this pen [url]https://codepen.io/24Degrees/pen/QqwQyy[/url] where there’s a menu ‘unfolding’ when a button is clicked. Problem is that the div is not expanding regarding height and overlapping the test div underneath it (the blue ugly thing). I’ve tried already not to set heights and put the CSS on auto, but that didn’t work out. I must be overlooking something.

Can you please advise?

kind regards,

Fled

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@SempervivumSep 16.2017 — The reason is that your container #filterslist is positioned absolutely. This is a common issue when using absolute positioning. Remove position:absolute and everything is fine.
Copy linkTweet thisAlerts:
@FledermausauthorSep 17.2017 — The reason is that your container #filterslist is positioned absolutely. This is a common issue when using absolute positioning. Remove position:absolute and everything is fine.[/QUOTE]

And how did it happen that I overlooked that?! Thank you so much !

kind regards,

Fledermaus
×

Success!

Help @Fledermaus spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...