Parent div with 2 child div (top and bottom of parent div)

[idm]

Hi

I was wondering if anyone can help me.

I have a full width slider (parent div). Within the slider div I need to add a menu (child div 1) and heading (child div 2).

The menu can stay at the top of the slider div.

What would be the best way to position the heading div at the bottom of the slider div (this website is responsive) so as the slider div resizes I want the heading to stay at the bottom of the slider parent div. Hope that makes sense.

The only way I could do it is adding “position:absolute” to the heading div, but then its not responsive (and I need it to the width of the wrapper)

Here is my code.
http://codepen.io/anon/pen/jWKNdp

Hope someone can help me.

Thanks

[timbarden]

Hi,

You were correct with position: absolute, you just need equal left and right values to get the required width. See my updated pen, is this what you were after? http://codepen.io/timbarden/pen/gPKRYx/

[idm]

That’s perfect thank you very much timbarden!

[Author]

Posts