L
LauraS
Guest
I use php includes for the menus on my site. Some have one, some have two. Anyway, I decided to declare a body background on my style sheet, then surround all of the pages in a div (id = content) that has a white background. That worked just fine. The problem now is that the pages don't extend to the bottom of the browser. I realize this can be remedied with height: 100% in conjunction with min-height: 100%. I tried this, and it worked. The problem is that I can't put that in the body section of the style sheet, because then it makes EACH document 100% of the browser (200% to 300% total). I tried applying the height to the content div instead, but that didn't work. I hope my explanation wasn't too confusing! Please let me know of a way around this so that the divs take up the remainder of the browser height after the php includes.
So basically I want to make the content div 100% height minus the height of the php includes, and I have no idea how to go about it. If I use 100% height in body or html on the style sheet, the browser reads it as if each document needs to be 100% height... meaning that if a single page has two php includes for headers, the page will be 300% height (and will cause a huge whitespace below the headers, naturally). I am trying to figure out a way around this using CSS.
So basically I want to make the content div 100% height minus the height of the php includes, and I have no idea how to go about it. If I use 100% height in body or html on the style sheet, the browser reads it as if each document needs to be 100% height... meaning that if a single page has two php includes for headers, the page will be 300% height (and will cause a huge whitespace below the headers, naturally). I am trying to figure out a way around this using CSS.