RysChwith
07-12-2005, 02:09 PM
I need a fresh pair of eyes on this one. The attached files are for a webpage template I'm constructing. There's a 100 pixel banner*, a 15 pixel gap, a strechable content area, another 15 pixel gap, and then the footer (there's also a sidebar, but that doesn't figure into this discussion). The footer is supposed to stick to the bottom of the viewport if the content is shorter than the screen, and the bottom of the content if it's longer. This all works as it should in Firefox.
To get it to work properly, I used top and bottom padding on the #content div to push it away from the spaces occupied by the banner and footer. Unfortunately, I'm also using height 100% in IE to make the footer work. The combination of the two puts me afoul of box model issues.
I can get it to work for short content by relatively positioning the #content div, but this makes it poke out below the footer (and off the screen) with long content.
I can get it to work for long content by adding top and bottom margins to the #content div, but this pushes the footer off the screen for short content.
It's entirely possible that I'm barking up the wrong tree and should be doing something else entirely to get this done, but my brain ain't seeing it. Anyone else have any insight?
Rys
* The banner won't show up. It didn't seem worth the bandwidth to include the SWF, so I just commented it out. The space will still be there, though.
To get it to work properly, I used top and bottom padding on the #content div to push it away from the spaces occupied by the banner and footer. Unfortunately, I'm also using height 100% in IE to make the footer work. The combination of the two puts me afoul of box model issues.
I can get it to work for short content by relatively positioning the #content div, but this makes it poke out below the footer (and off the screen) with long content.
I can get it to work for long content by adding top and bottom margins to the #content div, but this pushes the footer off the screen for short content.
It's entirely possible that I'm barking up the wrong tree and should be doing something else entirely to get this done, but my brain ain't seeing it. Anyone else have any insight?
Rys
* The banner won't show up. It didn't seem worth the bandwidth to include the SWF, so I just commented it out. The space will still be there, though.