Hello ... I am building a UI for a web application. I am using 100% heights for a lot of the outer elements, like this:
<wrapper> - this has 100% height <div1> - this has 100% height</div1> <div2> - this has 100% height</div2> <div3> - this has 100% height</div3> </wrapper> this works all fine and dandy. the problem that I am having however, is with divs inside div1, div2 and div3. When I give these divs 100% height, they end up being 100% the height of the browser window, not the containing div. When viewed in a browser, I end up with a certain number of pixels whitespace at the bottom of the page. That make sense? Is there a way to give divs 100% height of their parent? Thanks, Grady Kelly [EMAIL PROTECTED] http://simpledesign.org ______________________________________________________________________ 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/
