Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Making DIV tags expand the whole page

Posted on 2011-02-24
1
Medium Priority
?
342 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 1000 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

On Demand Webinar: Networking for the Cloud Era

Ready to improve network connectivity? Watch this webinar to learn how SD-WANs and a one-click instant connect tool can boost provisions, deployment, and management of your cloud connection.

Question has a verified solution.

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

Article by: jpaulino
XML Literals are a great way to handle XML files and the community doesn’t use it as much as it should.  An XML Literal is like a String (http://msdn.microsoft.com/en-us/library/system.string.aspx) Literal, only instead of starting and ending with w…
Parsing a CSV file is a task that we are confronted with regularly, and although there are a vast number of means to do this, as a newbie, the field can be confusing and the tools can seem complex. A simple solution to parsing a customized CSV fi…
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…
In this video, Percona Solutions Engineer Barrett Chambers discusses some of the basic syntax differences between MySQL and MongoDB. To learn more check out our webinar on MongoDB administration for MySQL DBA: https://www.percona.com/resources/we…

722 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