Thanks in advance for any help. I'm trying to create a site that requires a horizontally stretching footer that is pinned to the bottom of the browser port. This I understand is a common issue in CSS design when a tables-based layout is not used. I referenced the article "Exploring Footers" by Bobby Van Der Sluis on alistapart.com and found the information useful, but I was still coming up with some bugs. Specifically, certain pages still sometimes render with the footer not pinned to the bottom but rather somewhere in the middle of the content, overrunning other content on the page. It doesn't do it consistently, mostly when you resize the browser window and then click to a page already visited, its as if the browser cache thinks the browser is still the former size and resolves the site based on that previous size. The test site is here:
http://dev.gelatincube.com/gcpsiro/ Style sheet is here- http://dev.gelatincube.com/gcpsiro/common/master.css A screenshot of the problem is available here- http://dev.gelatincube.com/gcpsiro/img/fubarfooter.jpg The site uses an absolute positioned (bottom: 0) footer inside a relative positioned container item (#container). It works most of the time in Safari 2, Firefox 1.5, IE6. It fails in older versions of Firefox (1.01) and predictably in IE7Beta2 I guess because of the overflow: visible fix and lack of support for min-height. It also fails in IE5/5.5 because I did not bother to hack for those browsers. My goal here is to make this footer work 100% of the time in IE6, Safari 2 and Firefox 1.5. Again, thanks for any help. - Ben ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
