Solved

Making DIV tags expand the whole page

Posted on 2011-02-24
1
341 Views
Last Modified: 2012-05-11
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?

0
Comment
Question by:ce4LessUser
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 3

Accepted Solution

by:
jchook earned 250 total points
ID: 34974853
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

0

Featured Post

PeopleSoft Has Never Been Easier

PeopleSoft Adoption Made Smooth & Simple!

On-The-Job Training Is made Intuitive & Easy With WalkMe's On-Screen Guidance Tool.  Claim Your Free WalkMe Account Now

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Article by: Kraeven
Introduction Remote Share is a simple remote sharing tool, enabling you to see, add and remove remote or local shares. The application is written in VB.NET targeting the .NET framework 2.0. The source code and the compiled programs have been in…
Calculating holidays and working days is a function that is often needed yet it is not one found within the Framework. This article presents one approach to building a working-day calculator for use in .NET.
NetCrunch network monitor is a highly extensive platform for network monitoring and alert generation. In this video you'll see a live demo of NetCrunch with most notable features explained in a walk-through manner. You'll also get to know the philos…
This tutorial will teach you the special effect of super speed similar to the fictional character Wally West aka "The Flash" After Shake : http://www.videocopilot.net/presets/after_shake/ All lightning effects with instructions : http://www.mediaf…

630 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question