Link to home
Start Free TrialLog in
Avatar of WCCrobert
WCCrobertFlag for United States of America

asked on

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

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.
Avatar of JayFromPep
JayFromPep
Flag of United States of America image

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.
Avatar of WCCrobert

ASKER

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.
ASKER CERTIFIED SOLUTION
Avatar of JayFromPep
JayFromPep
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial