Solved

How do I get the content place holder to adjust to screen size?

Posted on 2010-08-13
3
324 Views
Last Modified: 2012-05-10
I have a site that I am using a master page with and the content pages vary in the amount of content. I have an About page that has very little info and I need the content place holder to fill the remaining area of the page and push the footer to the bottom of the viewable area so there is no scroll. I can hardcode the height for my monitor but I need this to act the same across any resolution.
0
Comment
Question by:WCCrobert
  • 2
3 Comments
 
LVL 5

Expert Comment

by:JayFromPep
ID: 33430993
there are a couple of different concepts here.

1.  "I want the footer to always be at the bottom of the browser window regardless of wether or not there is scrollable text."

2.  "I want the footer to always be at the bottom of the content, unless the content doesn't fill the screen, then put it at the bottom of the window."

Depending on which one you want will determine the way to go, but you probably dont want to mess with the contentPlaceHolder size.  You would either want to do it in CSS or put the content in side a table cell and manipulate the cell height.
0
 

Author Comment

by:WCCrobert
ID: 33431335
2.  "I want the footer to always be at the bottom of the content, unless the content doesn't fill the screen, then put it at the bottom of the window."

This is how I would like it to work. What makes sense would be to put a minimum height in the div wrapper around my contentplaceholder, however it would need to be something along the lines of "min-height: 100% minus (height of header + height of footer)" which doesn't work.
0
 
LVL 5

Accepted Solution

by:
JayFromPep earned 125 total points
ID: 33432083
Here is a link to a method I have used in the past.

http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page

Hope it helps!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Json and asp.net mvc 2 44
Trying to use colormap to replace color in png, with a gradient to transparent 7 31
Resolve Dependency Issues 4 42
Error in JQuery 5 36
CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…

919 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

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now