CSS-d, According to what I've read on the web, it should be possible to achieve a minimum height of 100% by setting the <html> and <body> tags to be height: 100%, and then whatever <div> you want stretched to be at least the height of the viewport to be min-height: 100%.
For example, this web site provides instructions: http://www.communitymx.com/content/article.cfm?page=2&cid=BAD95 So, on the following web site, http://nihongode.jp ... I have a red border that I'd like to be at least as tall as the viewport, and more if there is more content. So, I specified the following: html {height:100%} body {height: 100%} #whole {height: 100%} /* This is the id of a div that contains the border */ However, it simply does not work as described. At least not in FireFox where I primarily need it to work. The red border of the #whole container will expand to the length of the content inside. But if the content is not as long as the viewport, the red border shrinks so that it is no longer touching the bottomof the viewport. Where did I go wrong? Thank you for any advice. -- Dave M G CSSed Zend Studio 5.5 Photoshop 7 (Wine) Inkscape, GIMP, Ubuntu 7.04 ______________________________________________________________________ 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/
