Hello, I was wondering how I can accomplish this kind of effect on my footer like this website: http://tutorialzine.com/contact/

 

When you enlarge the text box of the contact form all the way down, the footer moves accordingly. Right now, my footer is stuck when I try enlarging my contact form and the position of my footer is set to relative.

 

Thanks

Link to your site would be useful

I don't have a site up yet, I'm only running it on my local host. Is it hard to diagnose? Or is there some kind of html code I can set my div tag where it will move accordingly when the box is enlarged?

 

Thanks for responding back

It would be helpful to see some code, but basically if you have two divs, one after the other in the code, and they are both set to position:relative, then the second div should always appear below the first, even if the first div changes dimensions.

It'll depend how you've done your CSS so for me to personally help you, I'd need to see it.

I think CSS Sticky Footer is what you want : http://www.cssstickyfooter.com/using-sticky-footer-code.html

here is the solution to it

http://www.cssstickyfooter.com/using-sticky-footer-code.html

 

Hello, I was wondering how I can accomplish this kind of effect on my footer like this website: http://tutorialzine.com/contact/

 

When you enlarge the text box of the contact form all the way down, the footer moves accordingly. Right now, my footer is stuck when I try enlarging my contact form and the position of my footer is set to relative.

 

Thanks