Now I want the #Wrap div to span across 100% height and expand if the content is higher while the html/body tags expand as well. Am I missing something or this can't be done?

Frankie

02-07-2012, 12:22 AM

How about giving the html and body a min-height:100%?

yanksno1

02-07-2012, 04:40 AM

How about giving the html and body a min-height:100%?

Tried that. That worked for the backgrounds, but would take the 100% height off the #Wrap container div. Any other suggestions?

Frankie

02-07-2012, 03:45 PM

I thought that would be a quick fix, but now that it isn't, the only thing I can suggest is to go through the third tutorial on my signature page. That covers all types of 100% height, not just a sticky footer.

Sammy12

02-07-2012, 11:59 PM

You are using position: absolute; which is not considered content. Therefore you essentially have nothing on the page. The height is 100%, because you set it to that in your css. The other heights ( with position: absolute; ) mean nothing to the body tag. Try taking out all the position: absolute; out, you shouldn't have to use it anyways.