• 0

moving footer when scrolling help


Question

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 comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

For what it's worth: textarea resizing is not common across all browsers. Webkit, as far as I can recall, is the only one that lets you resize textareas.

That aside you might want to look into 100% height columns. That's essentially all that's happening with the website. It sees that the height of the floated left column is expanding so the right column expands with it.

http://www.dave-woods.co.uk/?p=144

http://www.dave-woods.co.uk/index.php/css-faux-columns/

http://www.xs4all.nl/~peterned/examples/csslayout1.html

http://www.tutwow.com/tips/quick-tip-css-100-height/

Link to comment
Share on other sites

  • 0

For what it's worth: textarea resizing is not common across all browsers. Webkit, as far as I can recall, is the only one that lets you resize textareas.

That aside you might want to look into 100% height columns. That's essentially all that's happening with the website. It sees that the height of the floated left column is expanding so the right column expands with it.

http://www.dave-woods.co.uk/?p=144

http://www.dave-woods.co.uk/index.php/css-faux-columns/

http://www.xs4all.nl/~peterned/examples/csslayout1.html

http://www.tutwow.com/tips/quick-tip-css-100-height/

You can resize textareas in FireFox too. (Atleast FF 4)

Link to comment
Share on other sites

  • 0

Have you fixed the height of your window so it does not allow the window to expand? It not so much as the footer expanding but the window expanding. It should work the same way as adding content and the window expands automatically with it.

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.