Hi there,
I'm hoping someone will be able to help me figure out an odd problem I'm encountering across browswers: when I use the browser's view options to shrink the text on a page beyond a certain point all of a sudden my <body> background extends well past the bottom of the content. (The background image is only 5px high, so that's not the problem.) Here's the page:
Problem Page (<!-- m --><a class="postlink" href="http://qemp.deas.harvard.edu:8142/nat/mazur-css/research/researchmenu1.php">http://qemp.deas.harvard.edu:8142/nat/m ... hmenu1.php</a><!-- m -->)
The basic layout is a header, two floated columns, then a footer. I've inserted a div of whitespace after the floated columns as this was the only way I could figure out to prevent IE5.2 for Mac from messing up floats in the footer, but other than that the layout is pretty straightforward. Hopefully this is something obvious that I'm missing, but if not, here's the CSS:
CSS (<!-- m --><a class="postlink" href="http://qemp.deas.harvard.edu:8142/nat/mazur-css/style/ResearchDetail.css">http://qemp.deas.harvard.edu:8142/nat/m ... Detail.css</a><!-- m -->)
Words of wisdom will be greatly appreciated.
~thanimalIt's just because it's the body background and when the text is small enough the footer is no longer at the bottom of the body. At that point the body height is determined by the browser window rather than the content.
I'm hoping someone will be able to help me figure out an odd problem I'm encountering across browswers: when I use the browser's view options to shrink the text on a page beyond a certain point all of a sudden my <body> background extends well past the bottom of the content. (The background image is only 5px high, so that's not the problem.) Here's the page:
Problem Page (<!-- m --><a class="postlink" href="http://qemp.deas.harvard.edu:8142/nat/mazur-css/research/researchmenu1.php">http://qemp.deas.harvard.edu:8142/nat/m ... hmenu1.php</a><!-- m -->)
The basic layout is a header, two floated columns, then a footer. I've inserted a div of whitespace after the floated columns as this was the only way I could figure out to prevent IE5.2 for Mac from messing up floats in the footer, but other than that the layout is pretty straightforward. Hopefully this is something obvious that I'm missing, but if not, here's the CSS:
CSS (<!-- m --><a class="postlink" href="http://qemp.deas.harvard.edu:8142/nat/mazur-css/style/ResearchDetail.css">http://qemp.deas.harvard.edu:8142/nat/m ... Detail.css</a><!-- m -->)
Words of wisdom will be greatly appreciated.
~thanimalIt's just because it's the body background and when the text is small enough the footer is no longer at the bottom of the body. At that point the body height is determined by the browser window rather than the content.