> 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.
>
It should be...
#whole { min-height: 100%; }
then for IE6...
#whole { height: 100%; }
You described it correctly at first so did you mis-type perhaps?
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
______________________________________________________________________
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/
