Solved

Making DIV tags expand the whole page

Posted on 2011-02-24
1
338 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
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

PRTG Network Monitor: Intuitive Network Monitoring

Network Monitoring is essential to ensure that computer systems and network devices are running. Use PRTG to monitor LANs, servers, websites, applications and devices, bandwidth, virtual environments, remote systems, IoT, and many more. PRTG is easy to set up & use.

Question has a verified solution.

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

Suggested Solutions

I think the Typed DataTable and Typed DataSet are very good options when working with data, but I don't like auto-generated code. First, I create an Abstract Class for my DataTables Common Code.  This class Inherits from DataTable. Also, it can …
If you need to start windows update installation remotely or as a scheduled task you will find this very helpful.
Two types of users will appreciate AOMEI Backupper Pro: 1 - Those with PCIe drives (and haven't found cloning software that works on them). 2 - Those who want a fast clone of their boot drive (no re-boots needed) and it can clone your drive wh…
A short tutorial showing how to set up an email signature in Outlook on the Web (previously known as OWA). For free email signatures designs, visit https://www.mail-signatures.com/articles/signature-templates/?sts=6651 If you want to manage em…

810 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