Shelly wrote: > So, the thing is, I'd like to try and create a 3-column layout that's > got a "sticky footer" (meaning, 100% in height with footer at the bottom > of the browser screen, *unless* one of the columns in said layout pushes > the site longer - then the footer will always stay at the bottom). I > also want to make the sidebars one color, and the content another color > *without* using the "faux columns" method. I can accomplish this, no > problem. But the issue is this: I can do it as long as the site is 100% > in width. > > Now, when I want to take it another level and make the two sidebars > *different* colors, and/or I want the site to be a fixed width, then I > lose my footer "stickiness". Apparently, the issue comes from having > the outer container being 100% in height, and then allowing for header > and footer space, yet still trying to make the *inside* container 100% > in height as well. It doesn't seem to work out so well. > > So I was wondering if anyone else has come across this issue. If so, > how did you all get around it? I'm aware of the "A list apart" thing, > where you make a HUGE padding at the bottom, with a negative margin of > the same - and quite honestly, I *hate* that solution. I avoid it like > the plague. So if there's any other way you all have come across to - > well, I guess make an div 100% in height of it's parent div (rather than > the browser window) I'd love to hear about it. >
Shelly, I'm confused. You say you hate faux columns, but then you also hate the padding/negative margin alternative, so how are you going about creating equal height columns? Can we see a page? Have you tried footerStickAlt to create your sticky footer? http://www.themaninblue.com/writing/perspective/2005/08/29/ Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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/
