I've been trying to figure something out for a while now, and wouldn't you know it, it's *just* dawned on me that I can pick your all's brains. (Yeah, duh me!) This is just something I'm trying to do for the sake of doing it - just to see if I *can* - it's not part of any actual design or anything.
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. Of course, this sounds a lot like the "I want my sidebar to go 100% in height" thing, doesn't it? I've become fairly certain that what I'm asking for is impossible, but I don't believe much in things being impossible...there's *got* to be a way to do this. LOL Am I crazy in thinking so? ~Shelly ______________________________________________________________________ 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/
