I'm making a very simple CSS page and I realized that it won't change to fit the person's resolution. I can't seem to figure out a way to fix this properly. I'd like to have the content box 35% from the top and the footer to be initially 75% away from the top but when the contentbox expands, I don't want it to overlap the footer? What could I do? I do realize I can make it so when it gets to a certain height it doesn't expand but it adds scrollbars. I'd rather not do that.
margin: 0 auto;