So we all know they're bad, right? Deep in the very marrow of our bones, nested table layouts cause us pain. And here I thought that there was no obstacle too great for css/div layout. Well, if we exclude IE and other unworthy browsers from the picture, there isn't.
But the problem is a co-worker of mine is in charge of a redesign of our site. He decided to use a table and those horrible clear spacer gifs for the page content. I immediately felt like crying, and asked him why on earth he would do such a thing.
Well, here's the scoop. Twenty-some percent of our userbase has IE6 (really). We cannot assume that anyone has javascript enabled. But my co-worker wants the page footer to sit at the very bottom of the browser window regardless of content height and monitor size (unless, of course, the content is so long that the page has to scroll).
Well, min-height and table-layout are out, obviously, since IE6 doesn't support them. So, too, is the hack with the prop div described here: http://www.greywyvern.com/code/min-height-hack since this (and min height) won't make the footer's vertical alignment relative to the bottom of the browser window.
I can't help but feel that I am missing some secret magic solution to the problem that doesn't involve the bulk and inflexibility of tables. Are there any genius CSS gurus out there that have some ideas about how to solve this? Or are we stuck in the Dark Age of Web Design until we cut ties with IE6?
But the problem is a co-worker of mine is in charge of a redesign of our site. He decided to use a table and those horrible clear spacer gifs for the page content. I immediately felt like crying, and asked him why on earth he would do such a thing.
Well, here's the scoop. Twenty-some percent of our userbase has IE6 (really). We cannot assume that anyone has javascript enabled. But my co-worker wants the page footer to sit at the very bottom of the browser window regardless of content height and monitor size (unless, of course, the content is so long that the page has to scroll).
Well, min-height and table-layout are out, obviously, since IE6 doesn't support them. So, too, is the hack with the prop div described here: http://www.greywyvern.com/code/min-height-hack since this (and min height) won't make the footer's vertical alignment relative to the bottom of the browser window.
I can't help but feel that I am missing some secret magic solution to the problem that doesn't involve the bulk and inflexibility of tables. Are there any genius CSS gurus out there that have some ideas about how to solve this? Or are we stuck in the Dark Age of Web Design until we cut ties with IE6?
