• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 354
  • Last Modified:

Making DIV tags expand the whole page

Here's what I want to do:

I have an aspx.net master page with a contentplaceholder. Below this contentplaceholder is a footer div. Standard stuff here.

In a page that uses this master page I have a div tag that expands (down) using some jquery code.

I want the footer to move down along when I click on the expanding div. Right now it does not. Does it have something to do with CSS position or float selectors?

1 Solution
Make your footer position:relative if it is not

if you have..
<div id="placeholder"> content </div>
<div id="footer">Copyright 2011</div>

Open in new window

and your jquery code increases the height of #placeholder, then #footer should move down with it unless you have some special CSS options set.

Try something like this in the CSS code. It might break your layout, but we can work with it from there. It's a lot better to let the browser handle this type of thing rather than hacking it up with more JS.
#placeholder {
  position: relative;
#footer {
  position: relative;

Open in new window

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now