div to bottom

[tgspijkerboer]

Hi there,

I’ve been trying all afternoon to position a div with a search form to the bottom of it’s section. I am using css:
`position: absolute;
bottom: 0px;’

The effect will be similar to the search form on airbnb.nl

The div is inside a section with a video background and min-height: 700px. the div does not move to the bottom of the section as the parent of the div is wpd-wrapper which does not stretch to the entire height of the section.

Could anyone help me with a solution here?

Timo

[Radu]

Please provide link of your page, i need to see live page…

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tgspijkerboer]

that is test.startjeintervisiegroep.nl

[tgspijkerboer]

Any progress on this topic?

[Radu]

Hello,

Are you talking about that section ? ( see attachment )

I need admin credentials

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tgspijkerboer]

It’s the red section which I highlited in the screenshot.

[tgspijkerboer]

How can I sent you a private message with the admin login?

[Radu]

Just reply and check Set as private reply

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tgspijkerboer]

user: support
pass: Iamsupp0rt!

[Radu]

Hello,

I given an look and i did some small notifications to look a little bit better.

Please notice that the section are depends on amount of content inside of it and the device type.

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[tgspijkerboer]

Hi Radu,

Thanks for your effort. I see you added some gaps to move the content towards the bottom. However, I intend to specify the position of the div relative to the bottom of the section. That is because I want the div to set at the bottom of the section. Is there any way to achieve this?

Cheers,

Timo

[Radu]

The div that contains that sign-up div needs to be relative and the sign-up div/section needs to be absolute, but it require some time of work…

I hope that will help you : http://stackoverflow.com/questions/13609006/floating-footer-always-on-the-bottom-and-visible
http://stackoverflow.com/questions/4171446/put-a-bar-at-the-bottom-of-a-page

http://forums.phpfreaks.com/topic/143979-floating-bar-on-bottom-of-page/

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts