On 8/23/05, Adam Kuehn <[EMAIL PROTECTED]> wrote: > Yazmin Media wrote: > ><http://tnri.yazminmedia.com/news> > >When I remove the height on .container, the background then extends as > >needed on the News page, but on other pages where the content is short > >than the viewport, .container no longer extends to the bottom of the > >screen. > > Have you tried playing with min-height at all? In Gecko, at least, > if you set html and body to height 100%, and then set .container to > min-height: 100% (but no explicit height), you get what you are > after. Of course, IE doesn't recognize min-height, so you'll have to > try to feed it the values you want in some other way. I don't have > IE to play with right now, but perhaps someone else knows a solution > for that browser off the top of their head.
A combination of both usually does the trick. I haven't looked at this specific page, but typically I take advantage of IE's thinking that "height" means "min-height". Since IE will stretch the box larger than the defined dimension if the content is too big, you can add min-height as Adam describes for the standards-based browsers (Firefox, Opera, etc) and then pick your favorite IE-only filter to set height:100% for IE only. It will stretch as needed, but never be smaller than that. Michael ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
