Solved

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

Posted on 2010-08-13
3
323 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
Comment Utility
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
Comment Utility
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
Comment Utility
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

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

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…
Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
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 full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…

772 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