The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

position:absolute; resize issue

I have a table with 2 rows, the top has links and the bottom contains the results to the clicks from above.

In the results area, i want this to resize based on the length of the answer. In this example i want the background color to include the results. I think that the root of this issue is the position:absolute; that i am using, but that would not allow the results to show in the same location.

I have a main-content div and this is going to change sizes based on selections made on the page. Below this main-content div, i have a footer. I want this footer to sit right below the main-content and change position based on the size of the main-content. I can not seem to find out how to make the footer move with the change to the container.

If I understand you correctly then my example above will do just that.

You cannot use absolute positioning when you want to maintain the flow of the page with variable height containers which is why I removed the absolute positioning and allowed the elements to take up space on the page.

I then changed the visibility:hidden in the JS to display:none because display:none completely removes the element from the page whereas visibility just hides it but the element still takes up space on the page.

Try the code above and if its not what you meant then you can explain why and we can look again